:root{--bg-primary:#041026;--bg-secondary:#0a1e42;--bg-surface:#081838a6;--bg-surface-elevated:#0c224cd9;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#7dd3fc;--accent:#2563eb;--accent-hover:#38bdf8;--accent-light:#60a5fa;--accent-glow:#38bdf859;--glass-bg:linear-gradient(135deg, #ffffff1f 0%, #ffffff08 100%);--glass-bg-solid:#081838b8;--glass-border:#ffffff2e;--glass-border-bright:#ffffff52;--glass-shadow:0 16px 40px -8px #000a1e80, inset 0 1px 0 #ffffff38;--glass-card-hover:0 20px 48px -6px #020c23b3, inset 0 1px 0 #ffffff59;--danger:#ef4444;--danger-bg:#ef444429;--danger-border:#ef444466;--success:#10b981;--success-bg:#10b98129;--success-border:#10b98166;--warning:#f59e0b;--warning-bg:#f59e0b29;--warning-border:#f59e0b66;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-image:radial-gradient(90% 45% at 50% -8%,#38bdf861 0%,#0000 65%),radial-gradient(60% 50% at -5% 40%,#2563eb4d 0%,#0000 70%),radial-gradient(55% 45% at 105% 25%,#0ea5e938 0%,#0000 60%),linear-gradient(#1c62d0 0%,#0d3886 16%,#061e4a 45%,#031029 80%,#020817 100%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#04102866}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38bdf880}a{color:var(--text-accent);font-weight:500;text-decoration:none;transition:all .2s}a:hover{color:#bae6fd;text-shadow:0 0 12px #38bdf873}.glass-panel{background:var(--bg-surface);background-image:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:24px;transition:border-color .25s,box-shadow .25s}.glass-panel:hover{border-color:#ffffff42}.glass-panel-elevated{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(30px)saturate(170%);border:1px solid var(--glass-border-bright);border-radius:var(--radius-xl);background-image:linear-gradient(135deg,#ffffff29 0%,#ffffff0a 100%);box-shadow:0 25px 60px -12px #000a1ea6,inset 0 1px #ffffff59}.btn{color:#fff;border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #ffffff38;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #2563eb66,inset 0 1px #ffffff40}.btn:hover{background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border-color:#fff6;transform:translateY(-1.5px);box-shadow:0 8px 22px #2563eb8c,inset 0 1px #ffffff59}.btn:active{filter:brightness(.95);transform:translateY(.5px);box-shadow:0 2px 8px #2563eb59}.btn:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;opacity:.65;background:#ffffff14;border:1px solid #ffffff1a;transform:none}.btn-secondary{color:#f1f5f9;background:#ffffff14;border:1px solid #fff3;box-shadow:0 2px 8px #0003}.btn-secondary:hover{color:#fff;background:#ffffff29;border-color:#ffffff59}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#fff3;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);box-shadow:0 8px 20px #ef44448c}.input-field{color:#fff;border-radius:var(--radius-sm);background:#041028b8;border:1px solid #fff3;width:100%;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:inset 0 2px 4px #00000040}.input-field::placeholder{color:#cbd5e199}.input-field:focus{background:#051434e0;border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf847,inset 0 2px 4px #0003}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select.input-field option{color:#fff;background:#061638;padding:8px}.btn-icon{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#38bdf8;background:#ffffff2e;border-color:#38bdf873}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-accent);border-bottom:1px solid #ffffff24;padding:12px 14px;font-size:.85rem;font-weight:700}td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:12px 14px;font-size:.92rem}tr:hover td{background:#ffffff08}label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:8px;font-size:.88rem;font-weight:600;display:block}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(30px);z-index:30;background:#040f24c7;flex-direction:column;width:270px;padding:24px 18px;display:flex;position:relative;box-shadow:4px 0 24px #00000040}.sidebar-brand-wrapper{border-bottom:1px solid #ffffff1a;margin-bottom:28px;padding:4px 6px 16px}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14;border-color:#ffffff24;transform:translate(2px)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#2563eb59 0%,#38bdf833 100%);border:1px solid #38bdf873;font-weight:700;box-shadow:0 4px 16px #2563eb40,inset 0 1px #fff3}.nav-link.active svg{color:#38bdf8;filter:drop-shadow(0 0 8px #38bdf880)}.main-viewport{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow-y:auto}.main-content{flex:1;padding:36px 44px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-header h2{letter-spacing:-.025em;color:#fff;text-shadow:0 2px 12px #0006;font-size:1.85rem;font-weight:800}.architect-signature-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#0e2656b3 0%,#05112ae6 100%);border:1px solid #38bdf859;align-items:center;gap:12px;margin-top:auto;margin-bottom:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d}.architect-signature-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf8cc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.architect-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:1.5px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 2px 8px #38bdf880}.architect-info{flex-direction:column;line-height:1.2;display:flex}.architect-role{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;font-size:.65rem;font-weight:700}.architect-name{color:#fff;letter-spacing:-.01em;font-size:.88rem;font-weight:700}.architect-verified-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;font-size:.75rem;display:flex}.app-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-secondary);background:#030c1ed9;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:16px 44px;font-size:.82rem;display:flex}.app-footer a{color:#93c5fd}.app-footer-brand{color:#fff;align-items:center;gap:8px;font-weight:600;display:flex}.app-footer-signature{color:#cbd5e1;align-items:center;gap:6px;font-weight:500;display:flex}.app-footer-signature strong{color:#fff;background:linear-gradient(135deg,#fff,#7dd3fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.badge{color:#7dd3fc;letter-spacing:.04em;background:#38bdf829;border:1px solid #38bdf861;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-bg);border-color:var(--success-border);color:#6ee7b7}.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:#fca5a5}.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:#fde68a}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.video-card{flex-direction:column;gap:12px;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex}.video-card:hover{border-color:#38bdf873;transform:translateY(-4px);box-shadow:0 16px 36px #0006,0 0 20px #38bdf826}.video-thumbnail{object-fit:cover;border-radius:var(--radius-sm);background-color:#020815;border:1px solid #ffffff1a;width:100%;height:170px;margin-bottom:6px}.video-thumbnail-placeholder{border-radius:var(--radius-sm);width:100%;height:170px;color:var(--text-secondary);background:linear-gradient(135deg,#06122ce6 0%,#0e2656b3 100%);border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;display:flex}.video-card-title{color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.3}.video-card-meta{color:var(--text-secondary);font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#020816c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--glass-border-bright);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:0 30px 70px -10px #000c,inset 0 1px #ffffff59}.window-dots{align-items:center;gap:8px;display:flex}.window-dot{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:0 1px 2px #0000004d}.window-dot-red{background:#ff5f56;border:1px solid #e0443e}.window-dot-yellow{background:#ffbd2e;border:1px solid #dea123}.window-dot-green{background:#27c93f;border:1px solid #1aab29}video::-webkit-media-controls-fullscreen-button{display:none!important}video::-webkit-media-controls-picture-in-picture-button{display:none!important}video::-internal-media-controls-download-button{display:none!important}.player-controls-overlay{box-sizing:border-box;z-index:20;background:linear-gradient(#0000,#030a1aeb);flex-direction:column;gap:8px;max-width:100%;padding:32px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-controls-row{color:#fff;box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.player-controls-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.volume-control-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.volume-slider-popup{-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;z-index:60;background:#06122cf2;border:1px solid #fff3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:36px;height:115px;padding:8px 4px 10px;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px #000000b3}.volume-control-wrapper:hover .volume-slider-popup,.volume-control-wrapper:focus-within .volume-slider-popup,.volume-slider-popup:hover,.volume-slider-popup.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.player-volume-slider-vertical{cursor:pointer;accent-color:#38bdf8;transform-origin:50%;background:#ffffff40;border-radius:4px;outline:none;width:76px;height:5px;margin:36px 0 32px;transform:rotate(-90deg)}.session-timeout-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#020816d1;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.session-timeout-modal{background:linear-gradient(135deg,#081838fa,#040f26fa);border:1px solid #ffffff38;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:40px 36px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) slideUpModal;display:flex;box-shadow:0 25px 50px -12px #000c,inset 0 0 0 1px #ffffff1a,0 0 80px -20px #ef44444d}@keyframes slideUpModal{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.timeout-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex;position:relative}.timeout-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timeout-ring-track{fill:none;stroke:#ef444433;stroke-width:5px}.timeout-ring-progress{fill:none;stroke:#ef4444;stroke-width:5px;stroke-linecap:round;stroke-dasharray:163.36;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #ef4444b3);transition:stroke-dashoffset 1s linear}.timeout-icon-clock{z-index:1;font-size:2rem;line-height:1;animation:1s ease-in-out infinite pulse-clock;position:relative}@keyframes pulse-clock{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.timeout-title{color:#f8fafc;text-align:center;letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.timeout-subtitle{color:var(--text-secondary);text-align:center;max-width:320px;font-size:.9rem;line-height:1.5}.timeout-countdown{background:#ef44441f;border:1px solid #ef444459;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 32px;display:flex}.timeout-count-number{color:#f87171;font-variant-numeric:tabular-nums;text-align:center;min-width:3ch;font-size:3rem;font-weight:800;line-height:1;transition:color .3s}.timeout-count-label{color:#f87171;letter-spacing:.5px;text-transform:uppercase;font-size:.78rem;font-weight:600}.timeout-hint{color:var(--text-secondary);text-align:center;opacity:.8;font-size:.8rem}.timeout-actions{gap:12px;width:100%;margin-top:8px;display:flex}.timeout-btn-stay{background:linear-gradient(135deg,#2563eb,#38bdf8);border:1px solid #ffffff40;border-radius:10px;flex:1;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #2563eb73}.timeout-btn-stay:hover{background:linear-gradient(135deg,#38bdf8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #38bdf88c}.timeout-btn-logout{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:10px;flex:1;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.timeout-btn-logout:hover{color:#fff;background:#ef444440;transform:translateY(-1px)}.spin{animation:1.2s linear infinite appSpin}@keyframes appSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=900px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--glass-border);width:100%}.main-content{padding:24px 20px}.app-footer{text-align:center;flex-direction:column;gap:12px;padding:16px 20px}}