:root{--teal:#1a6b6b;--teal-light:#e8f4f4;--teal-dark:#134f4f;--copper:#b87333;--copper-light:#f5ebe0;--bg:#f7f5f2;--white:#fff;--dark:#1c2b2b;--gray:#6b7280;--gray-light:#e5e7eb;--danger:#dc2626;--danger-light:#fee2e2;--success:#059669;--success-light:#d1fae5;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--radius:10px;--radius-sm:6px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--dark);font-family:Inter,sans-serif;font-size:14px;line-height:1.5}input,textarea,select,button{font-family:Inter,sans-serif}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-copper{background:var(--copper);color:var(--white)}.btn-copper:hover:not(:disabled){opacity:.9}.btn-ghost{color:var(--teal);border:1px solid var(--teal);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--teal-light)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-full{justify-content:center;width:100%}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.form-group label{color:var(--dark);font-size:13px;font-weight:500}.form-group label .required{color:var(--danger);margin-left:2px}.form-control{border:1px solid var(--gray-light);border-radius:var(--radius-sm);color:var(--dark);background:var(--white);width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1a6b6b1a}.form-control.error{border-color:var(--danger)}textarea.form-control{resize:vertical;min-height:80px}.form-hint{color:var(--gray);font-size:12px}.form-error{color:var(--danger);font-size:12px}.section-title{color:var(--teal);border-bottom:2px solid var(--teal-light);margin-bottom:16px;padding-bottom:8px;font-size:15px;font-weight:600}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--dark);font-size:22px;font-weight:700}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--gray-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h2{font-size:18px;font-weight:600}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--gray-light);align-items:center;gap:8px;padding:16px 24px;display:flex}.modal-footer .spacer{flex:1}.close-btn{color:var(--gray);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;line-height:1}.close-btn:hover{background:var(--gray-light);color:var(--dark)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--gray-light);padding:8px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--gray-light);padding:12px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg);cursor:pointer}.tab-bar{border-bottom:2px solid var(--gray-light);margin-bottom:20px;display:flex}.tab-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500;transition:color .15s}.tab-btn.active{color:var(--teal);border-bottom-color:var(--teal)}.tab-btn:hover{color:var(--teal)}.search-box{background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #1a6b6b1a}.search-box input{color:var(--dark);background:0 0;border:none;outline:none;flex:1;font-size:14px}.audit-info{color:var(--gray);margin-top:8px;font-size:11px}.chip{background:var(--teal-light);color:var(--teal-dark);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.chip-remove{color:var(--teal-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.rbc-calendar{font-family:Inter,sans-serif}.rbc-header{color:var(--dark);padding:8px;font-size:13px;font-weight:600}.rbc-today{background:var(--teal-light)!important}.rbc-event{padding:2px 6px;font-size:12px;border:none!important;border-radius:4px!important}.rbc-toolbar button{color:var(--teal);border-color:var(--teal);font-family:Inter,sans-serif;font-size:13px}.rbc-toolbar button.rbc-active,.rbc-toolbar button:hover{background:var(--teal)!important;color:var(--white)!important}.rbc-btn-group button{border-radius:0}.rbc-btn-group button:first-child{border-radius:4px 0 0 4px}.rbc-btn-group button:last-child{border-radius:0 4px 4px 0}.sidebar{border-right:1px solid var(--gray-light);z-index:100;background:#fff;flex-direction:column;width:220px;min-height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex}.hamburger-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger-btn span{background:var(--dark);border-radius:2px;width:22px;height:2px;display:block}.hamburger-btn:hover{background:var(--gray-light)}.sidebar-overlay{z-index:99;background:#00000073;position:fixed;inset:0}.header-date{display:block}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.form-grid-2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}@media (width<=768px){.sidebar{transform:translate(-220px)}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.main-content{margin-left:0}.hamburger-btn{display:flex}.header-date{display:none}.form-grid-2{grid-template-columns:1fr}.stat-grid,.detail-grid{grid-template-columns:1fr!important}.calendar-wrapper{height:500px!important}main{padding:12px!important}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.modal{margin:0;border-radius:0!important;max-width:100%!important;max-height:100vh!important}.modal-overlay{align-items:flex-end;padding:0}.card{padding:14px}}@media (width<=480px){.page-title{font-size:18px}table{font-size:13px}td,th{padding:8px}}@media (width<=768px){.detail-grid{grid-template-columns:1fr!important}}.staff-grid-2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (width<=480px){.staff-grid-2{grid-template-columns:1fr}}