:root{--font-family:"Segoe UI", Arial, sans-serif;--primary-color:#036;--secondary-color:#f5f5f5;--text-color:#333;--border-color:#ccc;--accent-color:#d11919;--success-color:#2e7d32;--bg-color:#fff;--header-height:50px;--sidebar-width:250px}body{font-family:var(--font-family);background-color:var(--secondary-color);color:var(--text-color);margin:0;font-size:14px}.app-container{flex-direction:column;min-height:100vh;display:flex}.top-header{background-color:var(--primary-color);color:#fff;height:var(--header-height);z-index:1000;border-bottom:2px solid var(--accent-color);box-sizing:border-box;justify-content:flex-start;align-items:center;width:100%;padding:0 15px;display:flex;position:fixed;top:0;left:0;right:0}.header-title{letter-spacing:.5px;white-space:nowrap;font-weight:600;border-bottom:none!important;margin:0!important;padding-bottom:0!important;font-size:1.1rem!important}.header-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.auth-link{color:#fff;font-size:13px;text-decoration:none}.logout-btn{background-color:#c0392b;border-color:#a93226;padding:4px 12px;font-size:12px}.menu-toggle{cursor:pointer;background:0 0;border:none;align-items:center;margin-right:10px;padding:10px;display:flex}.hamburger-icon{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.hamburger-icon span{background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.menu-toggle:hover .hamburger-icon span{background-color:gold}.main-wrapper{margin-top:var(--header-height);flex:1;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);top:var(--header-height);z-index:900;background-color:#ececec;transition:width .3s;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar.collapsed{width:60px}.sidebar li a{color:var(--text-color);white-space:nowrap;border-bottom:1px solid #e0e0e0;padding:12px 20px;text-decoration:none;display:block;overflow:hidden}.sidebar.collapsed li a{text-align:center;padding:12px 0}.sidebar li a:hover,.sidebar li a.active{background-color:#dcdcdc;font-weight:700}.content-area{margin-left:var(--sidebar-width);background-color:var(--bg-color);flex:1;padding:20px;transition:margin-left .3s}.content-area.expanded{margin-left:60px}form{background:var(--bg-color);border:1px solid var(--border-color);max-width:600px;padding:20px}.form-group{margin-bottom:15px}label{margin-bottom:5px;font-weight:700;display:block}input[type=text],input[type=password],input[type=email],select,textarea{border:1px solid var(--border-color);box-sizing:border-box;width:100%;padding:8px;font-family:inherit;font-size:14px}button,.btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:1px solid #024;border-radius:0;padding:8px 16px;font-family:inherit;font-size:14px;text-decoration:none;display:inline-block}button:hover,.btn:hover{background-color:#024}.btn-secondary{background-color:#666;border-color:#444}table{border-collapse:collapse;width:100%;margin-top:15px;font-size:14px}th,td{border:1px solid var(--border-color);text-align:left;padding:10px}th{background-color:#eaeaea;font-weight:700}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:hover{background-color:#f1f1f1}.status-badge{border:1px solid #333;padding:3px 6px;font-size:11px;font-weight:700;display:inline-block}.breadcrumb{color:#666;margin-bottom:15px;font-size:13px}h2{border-bottom:1px solid var(--border-color);margin-top:0;padding-bottom:5px;font-size:1.4rem}@media (width<=768px){.sidebar{z-index:1100;width:250px;left:-250px;box-shadow:2px 0 10px #0003}.sidebar:not(.collapsed){width:250px;left:0}.sidebar:not(.collapsed) li a{text-align:left;padding:12px 20px}.content-area{box-sizing:border-box;width:100%;margin-left:0}.content-area.expanded{margin-left:0}.header-title{font-size:.95rem!important}.welcome-text{display:none}form{width:90%;margin:0 auto;padding:15px}.sidebar-overlay{z-index:1050;background-color:#00000080;transition:opacity .3s;position:fixed;inset:0}}