*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0f0f1a;color:#eee;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.app-shell{display:flex;height:100vh}.main-content{flex:1;overflow-y:auto;background:#0f0f1a}.card{background:#16213e;border:1px solid #1e2d50;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1rem}.card h3{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.05em}.card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card .card-header h3{margin:0}input[type=text],input[type=number],input[type=password],input[type=time],select{background:#0f0f1a;border:1px solid #2a3a5c;border-radius:6px;color:#eee;padding:.5rem .75rem;font-size:.9rem;width:100%;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=time]:focus,select:focus{outline:none;border-color:#4a9eff}.toggle-wrap{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-wrap input[type=checkbox]{display:none}.toggle-wrap .track{width:38px;height:20px;border-radius:10px;background:#2a3a5c;position:relative;transition:background .2s;flex-shrink:0}.toggle-wrap .track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-wrap input:checked+.track{background:#3b82f6}.toggle-wrap input:checked+.track:after{transform:translate(18px)}.toggle-wrap .toggle-label{font-size:.85rem;color:#aaa;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#2a3a5c;border-radius:3px}