:root{--primary-blue:#0d81c1;--primary-blue-dark:#0a699c;--success-green:#198754;--success-green-hover:#157347;--warning-orange:#f0ad4e;--warning-orange-dark:#ec971f;--danger-red:#dc3545;--border-color:#dee2e6;--bg-light:#f8f9fa;--text-dark:#333;--text-muted:#6c757d;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--font-family);color:var(--text-dark);background-color:#fff;height:100vh;font-size:13px;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:3px;outline:none;padding:4px 8px}input:focus,select:focus,textarea:focus{border-color:var(--primary-blue)}.header-container{flex-direction:column;width:100%;display:flex}.layout-header.header-top{color:#334155;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.layout-header.header-bottom{background-color:#fff;border-bottom:1px solid #e2e8f0;align-items:center;height:48px;padding:0 20px;display:flex;box-shadow:0 1px 3px #0000000d}.header-left{color:var(--primary-blue);align-items:center;min-width:150px;font-size:20px;font-weight:700;display:flex}.layout-header nav{flex:1;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.nav-item{cursor:pointer;color:#475569;border-radius:8px;align-items:center;height:36px;padding:6px 16px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#0f172a;background-color:#f1f5f9}.nav-item.active{color:var(--primary-blue-dark);background-color:#e0f2fe}.nav-item i{margin-right:8px;font-size:16px}.dropdown-menu{color:#334155;z-index:1000;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:200px;padding:8px 0;display:none;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dropdown-menu:before{content:"";background-color:#0000;height:15px;position:absolute;top:-15px;left:0;right:0}.nav-item:hover .dropdown-menu{display:flex}.dropdown-item{cursor:pointer;white-space:nowrap;align-items:center;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.dropdown-item i{text-align:center;color:#64748b;width:16px;margin-right:12px}.dropdown-item:hover{color:var(--primary-blue);background-color:#f8fafc}.dropdown-item:hover i{color:var(--primary-blue)}.btn{border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:5px 12px;font-weight:500;display:flex}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:var(--primary-blue-dark)}.btn-success{background-color:var(--success-green);color:#fff}.btn-success:hover{background-color:var(--success-green-hover)}.btn-secondary{color:#333;background-color:#e2e6ea;border-color:#dae0e5}.btn-secondary:hover{background-color:#dae0e5}.text-danger{color:var(--danger-red)}.text-success{color:var(--success-green)}.border-box{border:1px solid var(--border-color);border-radius:4px}