.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:#f0f2f5;font-family:Arial,sans-serif}.login-card{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:350px;text-align:center}.login-card h2{margin-bottom:30px;color:#333}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:5px;font-weight:700}.input-group input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;outline:none}.error-msg{color:red;margin-bottom:15px}.login-card button{width:100%;padding:12px;background:#4caf50;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.login-card button:hover{background:#45a049}label{display:block;font-size:14px;margin-bottom:6px;color:#333;font-weight:600}.dashboard{display:flex;height:100vh;width:100vw;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.topbar{flex-shrink:0;padding:5px;background:#1e293b;color:#fff;border-bottom:1px solid #cbd5e1;font-size:14px;display:flex;align-items:center}.hamburger{display:none;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff}@media(max-width:768px){.dashboard{display:block;height:100vh}.main-area{width:100vw;height:100svh}.hamburger{display:inline-block;margin-right:10px}}.sidebar{position:relative;width:260px;flex-shrink:0;background:#1e293b;color:#fff;height:100vh;padding:40px 12px 12px;overflow-y:auto;transition:transform .3s ease}.sidebar-title{text-align:center;font-size:16px;margin-bottom:16px}.menu-root,.tree-children{list-style:none;padding:0;margin:0}.tree-node{margin:2px 0}.tree-row{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-radius:4px}.tree-row:hover{background:#334155}.arrow{width:14px}.tree-icon,.tree-text{font-size:14px}.sidebar-backdrop{position:fixed;inset:0;background:#0006;z-index:999}.sidebar-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:2000;display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.tree-row{font-size:15px}}.tabs-container{display:flex;flex-direction:column;height:100%;min-height:0}.tab-bar{display:flex;background:#e5e7eb;border-bottom:1px solid #cbd5e1;overflow-x:auto;flex-shrink:0}.tab{padding:5px 10px;cursor:pointer;border-right:1px solid #cbd5e1;display:flex;align-items:center;background:#e5e7eb}.tab.active{background:#fff;font-weight:600;border-bottom:2px solid #2563eb}.tab span{margin-left:6px;color:#dc2626;cursor:pointer}.tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff}.tab-page{display:flex;flex-direction:column;height:100%;min-height:0}.tab-toolbar{position:sticky;top:0;z-index:20;display:flex;gap:8px;align-items:center;padding:2px 5px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.tab-toolbar button{padding:6px 12px;border:1px solid #cbd5e1;background:#1e293b;color:#fff;font-weight:520;cursor:pointer;border-radius:4px;font-size:14px}.btn-primary.disabled{opacity:.5;cursor:not-allowed}.tab-search{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px}.tab-body{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:auto}.table-layer{flex:1;min-height:0;overflow:auto;z-index:1}.form-overlay{position:absolute;inset:0;background:#fff;z-index:5;padding:5px;overflow:auto}.form-tab-bar.horizontal-tabs{display:flex;overflow-x:auto;margin-bottom:4px;flex-shrink:0}.form-tab{display:flex;align-items:center;padding:4px;background:#e5e7eb;border-radius:4px 4px 0 0;cursor:pointer;white-space:nowrap}.form-tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff}.form-tab.active{background:#fff;border-bottom:2px solid #2563eb;font-weight:600}.form-tab span{margin-left:6px;color:#dc2626;cursor:pointer}.table-scroll{max-height:100%;overflow:auto}.dynamic-table{width:100%;border-collapse:collapse}.dynamic-table th,.dynamic-table td{padding:4px 6px;border:1px solid #e5e7eb;white-space:nowrap}.dynamic-table th{position:sticky;top:0;background:#f1f5f9;z-index:2}.th-inner{display:flex;align-items:center;justify-content:space-between}.th-text{font-weight:600;text-align:left;cursor:pointer}.filter-icon{cursor:pointer;font-size:12px}.filter-icon.active{color:#2563eb}.row-selected{background:#bfdbfe!important}.dynamic-table tbody tr:hover{background:#e0f2fe}.filter-dropdown{position:fixed;width:260px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;box-shadow:0 10px 25px #0003;z-index:999999}.filter-item{display:flex;align-items:center;font-weight:400;text-align:left;cursor:pointer}.filter-item:hover{background:#f1f5f9}.filter-dropdown{width:250px;max-height:300px;display:flex;flex-direction:column;background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #00000026}.filter-list-scroll{flex:1;overflow-y:auto}.filter-actions{display:flex;justify-content:flex-start;border-top:1px solid #eee;background:#fff;flex-shrink:0}.filter-actions button{padding:4px 10px;cursor:pointer}.form{display:grid;grid-template-columns:1fr;gap:12px 20px;padding:8px}@media(min-width:768px){.form{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-field{display:flex;flex-direction:column}.form-field.full{grid-column:1 / -1}.form input,.form textarea{padding:8px;border:1px solid #ccc;border-radius:6px;transition:.2s;color:#000;font-size:15px;resize:vertical}.form input:focus,.form textarea:focus{border-color:#888}.btn-container{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;position:sticky;bottom:0;z-index:10;border-top:1px solid #e5e7eb}.btn-message{font-weight:600;color:#15803d}.btn-actions{display:flex;gap:10px}.btn-container button{padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;border:none;background:#1e293b;color:#fff}.select__single-value,.select__input-container{color:#000!important}.token-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;justify-content:center;align-items:flex-start}.token-modal{background:#fff;width:220px;padding:20px 25px;border-radius:6px;box-shadow:0 10px 30px #00000040;position:relative;text-align:center;animation:slideDown .25s ease-out}.token-close{position:absolute;top:6px;right:8px;border:none;background:none;font-size:18px;cursor:pointer}.token-no{font-size:18px;margin-top:10px;color:#0b5ed7}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.history-section{margin-top:-25px}.history-section .muted,.history-card{border:1px solid #e6e6e6;border-left:4px solid #4f46e5;border-radius:6px;padding:5px 6px;margin-bottom:5px;transition:background .2s ease,box-shadow .2s ease}.history-date{margin-bottom:4px}.history-title{margin-bottom:4px;font-weight:600}.history-desc{line-height:1.4;white-space:pre-wrap}*{box-sizing:border-box}:root{font-family:system-ui,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;font-weight:450;background-color:#0f172a;color:#000}html,body{margin:0;padding:0;min-width:320px;min-height:100%}body{display:block}.sidebar{width:220px;background:#111827;padding:0 10px;display:flex;flex-direction:column;flex-shrink:0}.main{flex:1;overflow-y:auto}.content{max-width:100%}.content h1{color:#0078d7;margin:3px;font-size:20px}.quill-editor{border:1px solid #ccc;border-radius:6px;overflow:hidden;font-size:15px}.quill-editor .ql-container{min-height:100px!important}.quill-editor .ql-editor{padding:5px 7px}.quill-editor .ql-toolbar{height:25px;background:#f0f0f0}@media(max-width:768px){.dashboard{display:block;min-height:100svh}.sidebar{width:100%}}