:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #e2e8f0;--primary: #0ea5e9;--primary-600: #0284c7;--primary-50: #e0f2fe;--on-primary: #ffffff;--link: var(--primary);--link-hover: var(--primary-600);--success: #16a34a;--success-bg: #dcfce7;--success-border: #86efac;--success-text: #14532d;--error: #ef4444;--error-bg: #fee2e2;--error-border: #fca5a5;--error-text: #7f1d1d;--info: #3b82f6;--info-bg: #dbeafe;--info-border: #93c5fd;--info-text: #1e3a8a;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-border: #fcd34d;--warning-text: #78350f;--button-bg-default: #ffffff;--button-border-default: var(--color-border);--button-text-default: var(--color-text);--header-bg: #aee1f9;--header-border: var(--color-border);--header-text: var(--color-text);--menu-bg: #ffffff;--menu-border: var(--color-border);--footer-bg: #aee1f9;--footer-text: #64748b;--input-bg: #ffffff;--input-text: var(--color-text);--input-border: var(--color-border);--input-placeholder: #94a3b8;--card-bg: #ffffff;--card-border: var(--color-border);--table-border: var(--color-border);--table-header-text: #334155;--modal-bg: #ffffff;--modal-text: var(--color-text);--modal-border: var(--color-border);--overlay: rgba(224, 242, 254, .8);--ring: rgba(14, 165, 233, .3);--shadow-elev-1: 0 1px 2px rgba(2,6,23,.04), 0 1px 3px rgba(2,6,23,.06);--shadow-elev-2: 0 10px 30px rgba(2,6,23,.08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background-color:var(--color-bg)}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}button{border-radius:8px;border:1px solid var(--button-border-default);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg-default);color:var(--button-text-default);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s,color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}h1{font-size:3.2em;line-height:1.1}#root{max-width:none;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}.app-shell{width:100%;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:2rem 1rem}.container{max-width:1000px;margin:0 auto;padding:0 1rem}.app-header{width:100%;background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:.75rem 0;position:relative;z-index:100}.container.header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.brand{font-size:1.5rem;font-weight:700;color:var(--header-text);text-decoration:none;display:flex;align-items:center;gap:.75rem}.user-menu{position:relative;height:100%;display:flex;align-items:center}.avatar-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:background-color .2s}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;border:2px solid var(--color-border)}.menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:8px;padding:.5rem 0;min-width:200px;box-shadow:var(--shadow-elev-2);z-index:1000;color:var(--color-text);display:block}.menu-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.menu-item:hover{background:var(--primary-50)}.menu-item:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.menu-item+.menu-item{border-top:1px solid var(--menu-border)}.avatar-btn:hover{background:var(--primary-50)}.app-footer{width:100%;background:var(--footer-bg);border-top:1px solid var(--header-border);padding:1.5rem 0;margin-top:auto;text-align:center}.footer-content{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--footer-text);font-size:.875rem}@media(max-width:768px){.container.header-inner{padding:0 1rem}.brand{font-size:1.25rem}.avatar-btn{height:36px;width:36px}.avatar{width:32px;height:32px;font-size:.8rem}}.btn{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1rem;font-weight:600;background-color:var(--button-bg-default);cursor:pointer;transition:border-color .25s,background .25s,color .25s,box-shadow .25s}.btn:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary-50)}.btn-green{background:#22c55e;color:var(--on-primary);border-color:#22c55e}.btn-green:hover{background:#16a34a;border-color:#16a34a}.btn-blue{background:#60a5fa;color:var(--on-primary);border-color:#60a5fa}.btn-blue:hover{background:#3b82f6;border-color:#3b82f6}.w-100{width:100%}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50}.modal{width:min(640px,94%);background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-elev-2);color:var(--modal-text)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header h2{color:var(--modal-text);margin:0;font-size:1.5rem;font-weight:600}.modal-body{margin-top:.5rem;max-height:70vh;overflow:auto;color:var(--modal-text)}.kv-table{width:100%;border-collapse:collapse}.kv-table th,.kv-table td{padding:.5rem .75rem;border-bottom:1px solid var(--table-border);text-align:left}.kv-table th{width:35%;color:var(--table-header-text);white-space:nowrap}input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],select,textarea{width:100%;padding:.6rem .8rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--input-text);font-size:.95rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}::placeholder{color:var(--input-placeholder);opacity:1}select{appearance:none;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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}label{display:block;margin-bottom:.4rem;font-size:.9rem;color:var(--color-text-muted);font-weight:500}.file-upload-btn{background:var(--color-surface);border:1px dashed var(--primary);color:var(--primary);padding:1.5rem;text-align:center;border-radius:6px;cursor:pointer;transition:all .2s}.file-upload-btn:hover{background:var(--primary-50);border-color:var(--primary)}.muted{color:var(--color-text-muted)}.small{font-size:.9rem}.tiny{font-size:.8rem}.notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:8px;border:1px solid transparent;margin:.75rem 0}.notice-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.notice-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.notice-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.notice-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.notice-close{background:transparent;border:none;color:inherit;font-size:1.2rem;padding:0 .25rem}.auth-wrapper{display:grid;place-items:center;box-sizing:border-box;min-height:calc(100dvh - 180px);padding:1.25rem 1rem .75rem}.auth-card{width:100%;max-width:420px;padding:1.5rem;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);box-shadow:var(--shadow-elev-2);margin:0 auto}.auth-title{margin:0 0 .25rem}.auth-form{display:grid;gap:1rem;margin-top:1rem}.form-group{display:grid;gap:.4rem;text-align:left}.form-group label{font-weight:600}.form-group input{width:100%;box-sizing:border-box;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:1rem}.form-group input:focus{outline:none;box-shadow:0 0 0 2px var(--ring);border-color:var(--primary)}.example-credentials{margin-top:.75rem;text-align:left;color:var(--color-text-muted)}.page{padding-top:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.card-box{border:1px solid var(--card-border);border-radius:12px;padding:1rem;background:var(--card-bg);box-shadow:var(--shadow-elev-1)}.btn{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-border)}.btn-primary:hover{background:var(--primary-bg-hover);border-color:var(--primary-border-hover)}.btn-green{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.btn-green:hover{background:var(--success-bg-hover);border-color:var(--success-border-hover)}.btn-blue{background:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.btn-blue:hover{background:var(--info-bg-hover);border-color:var(--info-border-hover)}.btn-red{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.btn-red:hover{background:var(--error-bg-hover);border-color:var(--error-border-hover)}.btn-outline{background:transparent;border-color:var(--color-border)}.btn-outline:hover{background:var(--color-bg-secondary)}.table-controls{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.6rem .75rem;border-bottom:1px solid var(--table-border);text-align:left}.data-table th{color:var(--table-header-text);white-space:nowrap}.badge{display:inline-block;padding:.15rem .4rem;border-radius:6px;font-size:.8rem}.badge-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.badge-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.badge-muted{background:#f1f5f9;border:1px solid var(--color-border);color:var(--color-text-muted)}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;justify-content:space-between}.pagination>*{flex:0 0 auto}.pagination .flex-row{margin-left:auto;margin-right:.5rem}.pagination select{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.pagination label{margin-right:.25rem}.tabs{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tab-btn{border-radius:8px;border:1px solid var(--color-border);padding:.4rem .8rem;background:var(--color-surface);color:inherit;cursor:pointer}.tab-btn:hover{border-color:var(--primary)}.tab-btn.active{background:var(--primary-50);border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--ring)}.flex-row{display:flex;align-items:center;gap:.5rem}#video-visibility:disabled{background-color:#eee;color:#555;cursor:not-allowed;opacity:1}