:root{--green:#005441;--green-dark:#003e30;--green-light:#e9f5ed;--lime:#bdf78d;--bg:#f5faf7;--surface:#fff;--text:#253b32;--muted:#818b84;--line:#e8ece6;--red:#c74e4e;--amber:#a77821;--shadow:0 6px 28px #1c3b3010;font-family:Inter,"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green);text-decoration:none}a:hover{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a9d88c;outline-offset:3px}h1,h2,h3,p{margin:0}button{color:inherit}svg{flex-shrink:0}.icon{vertical-align:middle}h1{font-size:27px;letter-spacing:-.8px;line-height:1.35;font-weight:650}h2{font-size:17px;letter-spacing:-.25px;font-weight:650}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.hidden,[hidden]{display:none!important}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;border:1px solid var(--line);border-radius:9px;background:white;font-weight:550;font-size:13px;padding:10px 16px;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f2f5ef}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:#173f2e}.btn.lime{background:var(--lime);border-color:var(--lime);color:#233f29}.btn.danger{background:#c54c4c;color:#fff;border-color:#c54c4c}.btn.quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn.sm{min-height:34px;padding:7px 12px;font-size:12px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:white;display:inline-flex;align-items:center;justify-content:center;color:#6e7b72}.icon-btn:hover{color:var(--green);background:var(--green-light)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:550;padding:5px 9px;border-radius:5px;white-space:nowrap;background:#f1f3ee;color:#75816f}.badge .dot,.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.badge.green{background:#edf5ec;color:#45804e}.badge.amber{background:#fbf4e6;color:#a47e2e}.badge.red{background:#fbebeb;color:#bb5757}.badge.blue{background:#edf3f9;color:#567f9d}.label{font-size:10px;letter-spacing:1.4px;font-weight:650;text-transform:uppercase;color:#8b978e}.page-heading{margin-bottom:26px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px;line-height:1.6}.page-heading .actions{display:flex;gap:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line);gap:12px}.panel-head p{margin-top:5px;font-size:12px;color:var(--muted)}.panel-body{padding:23px}.text-link{border:0;background:transparent;color:var(--green);font-size:12px;display:inline-flex;gap:6px;align-items:center;font-weight:550;cursor:pointer}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:550;color:#596b60}.field input,.field select,.search-box input{width:100%;height:43px;background:#fff;border:1px solid #dfe5dc;border-radius:8px;padding:10px 12px;color:var(--text);outline:none;min-width:0}.field input:focus,.field select:focus,.search-box:focus-within{border-color:#648c65;box-shadow:0 0 0 3px #edf4e9}.field input::placeholder,.search-box input::placeholder{color:#a0a89f}.field small{font-size:11px;color:var(--muted);line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;gap:9px;margin-top:22px}.notice{background:#f4f7ef;border:1px solid #e6ebdc;color:#748061;font-size:12px;line-height:1.75;border-radius:9px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px}.notice .icon{margin-top:1px}.notice.warning{background:#fff9ee;border-color:#f1e5c7;color:#9b7c35}.notice.error{background:#fdf0f0;border-color:#eed6d6;color:#ac4848}.empty{text-align:center;padding:46px 24px;color:var(--muted);font-size:12px}.empty .empty-icon{display:flex;width:50px;height:50px;border-radius:14px;align-items:center;justify-content:center;margin:0 auto 15px;background:#f2f5ed;color:#8ca382}.empty h3{color:#5c6e5f;margin-bottom:7px}.empty p{line-height:1.7;max-width:330px;margin:auto}.empty .btn{margin-top:19px}.brand{display:flex;align-items:center;gap:10px;color:var(--green-dark);font-size:25px;font-weight:750;letter-spacing:-1.1px}.brand-mark{width:38px;height:38px;background:var(--green-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--lime)}.brand-mark svg{width:24px;height:24px}.brand-light{font-weight:450}.brand-dot{color:#79a652}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px 20px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding-left:8px;margin-bottom:43px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#a0a89f;font-weight:600;padding:0 15px;margin-bottom:13px}.nav-list{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;color:#829085;padding:13px 15px;border-radius:9px;font-size:13px;font-weight:500;min-height:45px}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f4f6f0;color:var(--green)}.nav-item.active{color:var(--green);background:#edf3e9;font-weight:650}.nav-item.active:after{content:"";width:6px;height:6px;border-radius:50%;background:#6f9956;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-tip{padding:19px 15px;background:#f7f8f3;border:1px solid #edf0e5;border-radius:11px;margin-bottom:21px}.sidebar-tip .tip-icon{color:#698a4c;background:#e8efda;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;margin-bottom:12px}.sidebar-tip h3{font-size:12px;margin-bottom:7px}.sidebar-tip p{font-size:11px;color:#909881;line-height:1.8}.sidebar-help{display:flex;align-items:center;gap:11px;padding:8px 14px;color:#8c968a;font-size:12px;background:none;border:0;width:100%;text-align:left}.app-shell{margin-left:236px;min-height:100vh}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 37px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#9aa297;font-size:12px}.breadcrumb .icon{width:14px;height:14px}.breadcrumb strong{color:#4c6150;font-weight:500}.topbar-right{display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:7px;color:#7b8d75;font-size:11px}.connection .status-dot{color:#7aa568}.profile{display:flex;gap:10px;align-items:center;padding-left:20px;border-left:1px solid var(--line)}.avatar{height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf0e1;color:#537044;font-size:12px;font-weight:650}.profile .username{font-size:12px;font-weight:600}.profile .role{font-size:10px;color:#a0a995;margin-top:3px}.content{max-width:1470px;margin:0 auto;padding:31px 37px 30px}.greeting{font-size:12px;color:#929b8e;margin-bottom:5px}.hero{display:flex;align-items:center;justify-content:space-between;position:relative;background:var(--green-dark);border-radius:15px;overflow:hidden;padding:30px 33px;color:white;min-height:202px;margin-bottom:23px}.hero-copy{position:relative;z-index:2;max-width:68%}.hero .eyebrow{font-size:10px;color:#bbd4a7;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px;display:flex;gap:7px;align-items:center}.hero h2{font-size:27px;letter-spacing:-.8px;line-height:1.4;font-weight:550}.hero p{font-size:12px;color:#a9c2af;margin:10px 0 21px;line-height:1.7}.hero .btn{min-height:38px;font-size:11px;padding:9px 14px}.hero-art{position:absolute;right:9px;top:0;width:300px;height:100%;opacity:.95}.hero-ring{position:absolute;width:240px;height:240px;border:1px solid #ffffff09;border-radius:50%;right:0;top:-20px}.hero-ring:after{content:"";position:absolute;inset:25px;border:1px solid #ffffff0c;border-radius:50%}.hero-art svg{width:240px;height:200px;position:absolute;right:4px;bottom:-5px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{padding:20px 21px;background:white;border:1px solid var(--line);border-radius:11px}.stat .stat-top{display:flex;align-items:center;justify-content:space-between;color:#87917f;font-size:11px;gap:10px}.stat-icon{height:32px;width:32px;border-radius:9px;display:flex;justify-content:center;align-items:center;background:#f0f5e9;color:#79935d}.stat-icon.blue{background:#edf3f7;color:#7995a4}.stat-icon.amber{background:#fbf6e9;color:#bea56a}.stat-icon.purple{background:#f3eff8;color:#a192b5}.stat-value{font-size:30px;font-weight:600;letter-spacing:-1.2px;line-height:1.4;margin-top:11px}.stat-value .unit{font-size:14px;color:#85927c;letter-spacing:0;font-weight:400;margin-left:4px}.stat-note{font-size:10px;color:#a2ab9c;margin-top:7px;display:flex;gap:5px;align-items:center;line-height:1.6}.stat-note .icon{width:12px;height:12px}.overview-grid{display:grid;grid-template-columns:1fr 312px;gap:22px;margin-bottom:24px}.chart{height:171px;display:flex;align-items:flex-end;gap:20px;padding:15px 22px 25px;position:relative;margin:16px 20px 10px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#f0f2eb 38px,#f0f2eb 39px)}.chart-col{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;flex:1;height:100%}.chart-bar{width:45%;max-width:36px;background:#96b47a;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s}.chart-col:last-child .chart-bar{background:#436d47}.chart-label{position:absolute;bottom:-18px;font-size:9px;color:#9ba591}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a1ad99;font-size:11px;pointer-events:none}.service-card{padding:23px;display:flex;flex-direction:column;justify-content:space-between;background:#f8faf4}.service-icon{width:43px;height:43px;background:white;border:1px solid #e8eddd;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.service-card h3{font-size:14px;margin-bottom:8px}.service-card p{font-size:11px;color:#919c84;line-height:1.8}.service-card .btn{width:100%;font-size:11px;margin-top:20px}.section-icon{width:34px;height:34px;border-radius:9px;background:#f1f5ea;color:#7c9662;display:flex;align-items:center;justify-content:center}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:9px;letter-spacing:.9px;font-weight:600;color:#9ba58f;background:#fafbf8;padding:14px 23px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 23px;border-bottom:1px solid #f0f2ec;font-size:12px;color:#71806b}.data-table tr:last-child td{border-bottom:0}.data-table .order{font-weight:600;color:#40533d;font-size:12px}.order-cell{display:flex;gap:11px;align-items:center}.file-icon{width:35px;height:39px;border-radius:7px;background:#f1f5eb;color:#94a581;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-icon img{height:100%;width:100%;object-fit:cover}.order-meta{font-size:10px;color:#a2aa98;margin-top:4px}.table-actions{display:flex;align-items:center;gap:7px}.table-actions .icon-btn{width:29px;height:29px}.table-actions .icon{width:14px;height:14px}.table-footer{padding:14px 23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9aa48f;font-size:10px}.page-footer{padding-top:26px;display:flex;align-items:center;justify-content:space-between;color:#a6ae9e;font-size:10px}.page-footer .icon{width:12px;height:12px}.footer-sign{display:flex;align-items:center;gap:5px}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 23px;border-bottom:1px solid var(--line)}.search-box{position:relative;display:flex;align-items:center;border:1px solid #e1e6db;background:#fff;border-radius:8px;max-width:370px;flex:1;min-width:180px}.search-box .icon{margin-left:12px;color:#9aa68d;width:17px;height:17px}.search-box input{border:0;box-shadow:none!important;background:transparent;font-size:12px;height:39px}.filter-row select,.filter-row input[type=date]{height:40px;border:1px solid #e1e6db;border-radius:8px;color:#78866f;background:white;padding:0 12px;font-size:12px;max-width:170px}.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.device-card{padding:23px}.device-card .device-visual{height:54px;width:54px;background:#f0f5ea;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#76945d}.device-card .device-visual svg{height:30px;width:30px}.device-card h3{margin:19px 0 6px}.device-card p{font-size:11px;color:#9aa38f;margin-bottom:21px}.device-detail{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#929d86}.settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}.step-list{display:flex;gap:12px;margin-bottom:22px}.step{font-size:10px;color:#9ba68e;line-height:1.6;flex:1;display:flex;gap:7px;align-items:center}.step-number{height:22px;min-width:22px;border:1px solid #dce5cf;border-radius:50%;color:#739457;display:inline-flex;justify-content:center;align-items:center;font-size:10px}.setting-description{font-size:12px;color:#8e9b82;line-height:1.8;margin-bottom:21px}.connection-box{background:#f5f8ef;border:1px solid #e7eddc;border-radius:9px;padding:15px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.connection-box p{font-size:11px;color:#8c9a7b;line-height:1.8}.settings-section{margin-top:23px}.settings-section .panel-head h2{font-size:15px}.user-avatar{height:30px;width:30px;border-radius:8px;background:#f0f4e7;display:flex;align-items:center;justify-content:center;color:#718657;font-size:10px}.record-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.camera-panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.camera-topbar{padding:14px 19px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.camera-view{position:relative;background:#15261e;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-view video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.camera-standby{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#294132,#14251c);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#a6b89d;padding:20px}.camera-standby .scan-frame{position:relative;width:110px;height:110px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;color:#849e72}.scan-frame:before,.scan-frame:after{content:"";position:absolute;inset:0;border:2px solid #69825a;border-radius:11px;clip-path:polygon(0 0,28% 0,28% 4%,4% 4%,4% 28%,0 28%,0 0,100% 0,100% 28%,96% 28%,96% 4%,72% 4%,72% 0,100% 0,100% 100%,72% 100%,72% 96%,96% 96%,96% 72%,100% 72%,100% 100%,0 100%,0 72%,4% 72%,4% 96%,28% 96%,28% 100%,0 100%)}.scan-frame .icon{width:46px;height:46px;stroke-width:1.2}.camera-standby h3{font-size:15px;color:#d7e1d1;font-weight:500;margin-bottom:8px}.camera-standby p{font-size:11px;line-height:1.8;max-width:265px;color:#8fa487}.camera-standby .btn{margin-top:22px;min-height:41px}.camera-overlay{position:absolute;inset:0;pointer-events:none}.live-rec{position:absolute;left:17px;top:17px;display:flex;align-items:center;gap:7px;color:#fff;background:#0c2019a8;border:1px solid #ffffff20;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:600}.live-rec .status-dot{background:#ef7770}.live-rec.is-recording .status-dot{animation:pulse 1.2s infinite}.camera-watermark{position:absolute;left:18px;bottom:18px;color:#e2ebdf;background:#10231bc4;border-radius:4px;padding:8px 11px;font-size:10px;line-height:1.8}.camera-watermark strong{font-size:12px;display:block;color:#fff}.scan-target{position:absolute;width:160px;height:160px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #e4f9d530;border-radius:12px}.scan-target:before,.scan-target:after{content:"";position:absolute;left:15px;right:15px;height:1px;background:#cceea47a;top:50%;box-shadow:0 0 10px #cceea44d}.scan-instruction{position:absolute;left:50%;top:calc(50% + 99px);transform:translateX(-50%);color:#d3e0ca;background:#15281dbd;border-radius:14px;padding:6px 12px;font-size:10px;white-space:nowrap}.record-controls{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.record-state{display:flex;gap:11px;align-items:center}.record-state .state-light{height:10px;width:10px;border-radius:50%;background:#a1b190;box-shadow:0 0 0 5px #f2f5ed;margin:0 6px}.record-state.active .state-light{background:#df6868;box-shadow:0 0 0 5px #fceeee}.record-state h3{font-size:12px}.record-state p{font-size:10px;margin-top:5px;color:#9ba58d}.record-controls .btn{min-width:132px}.manual-code{padding:18px 20px;border-top:1px solid var(--line);background:#fcfdf9}.manual-code label{font-size:11px;color:#91a181;display:block;margin-bottom:10px}.manual-code .field-inline{display:flex;gap:8px}.manual-code input{flex:1;min-width:0;height:40px;border:1px solid #e1e7d9;border-radius:8px;padding:10px 12px;font-size:12px;outline:none}.manual-code .btn{min-height:40px;font-size:11px}.camera-options .field{margin-bottom:17px}.camera-options .field:last-child{margin-bottom:0}.camera-options select,.camera-options input{font-size:12px}.toggle-label{display:flex;gap:9px;align-items:center;color:#738367;font-size:12px}.toggle-label input{accent-color:var(--green);height:16px;width:16px}.record-tip{padding:17px 19px;border-top:1px solid var(--line);color:#8d9c7c;font-size:11px;line-height:1.8;display:flex;gap:10px}.queue-item{padding:14px 19px;border-bottom:1px solid var(--line)}.queue-item:last-child{border-bottom:0}.queue-item strong{font-size:11px}.queue-item p{font-size:10px;color:#9ca78f;margin-top:6px;line-height:1.7;overflow-wrap:anywhere}.queue-progress{height:3px;border-radius:3px;background:#edf1e7;margin-top:10px;overflow:hidden}.queue-progress span{display:block;background:#96b779;height:100%;transition:width .3s}.queue-empty{font-size:11px;color:#9ba58f;text-align:center;padding:26px 15px;line-height:1.8}.queue-empty .icon{margin-bottom:10px;color:#a5b196}.camera-hint{margin-top:18px}.live-clock{font-family:ui-monospace,monospace;color:#a4bc99;font-size:10px}.login-layout{display:grid;grid-template-columns:1.06fr 1fr;min-height:100vh;background:#fff}.login-story{background:#005441;color:#fff;padding:42px 55px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .brand{color:#fff}.login-story .brand-mark{background:#bdf78d;color:#214532}.login-story .brand-dot{color:#bfdb99}.login-story-content{max-width:460px;margin:auto 0;position:relative;z-index:1;padding:65px 0}.login-story .eyebrow{color:#b6cf9d;font-size:10px;letter-spacing:2.1px;margin-bottom:21px;display:flex;gap:8px;align-items:center}.login-story h1{font-size:43px;letter-spacing:-1.5px;font-weight:500;line-height:1.35;color:#f0f5ec}.login-story h1 span{color:#d8eeb2}.login-story-content>p{font-size:13px;color:#a5bda6;line-height:1.95;max-width:350px;margin-top:20px}.login-proof{display:flex;align-items:center;gap:15px;margin-top:40px;background:#234a38;border:1px solid #ffffff12;padding:18px 19px;border-radius:11px;max-width:380px}.login-proof .proof-icon{height:43px;width:43px;display:flex;align-items:center;justify-content:center;background:#365d40;border-radius:11px;color:#d2eaa8}.login-proof strong{font-size:11px;font-weight:500;color:#e1edd5}.login-proof p{font-size:10px;color:#a0b58c;margin-top:6px}.login-story-bottom{font-size:10px;color:#89a58b;position:relative;z-index:1;display:flex;gap:6px;align-items:center}.login-story:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff08;border-radius:50%;bottom:-270px;right:-130px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02}.login-form-side{display:flex;align-items:center;justify-content:center;padding:60px 35px}.login-form-wrap{width:100%;max-width:350px}.login-form-wrap>.brand{display:none}.login-welcome{font-size:11px;letter-spacing:1.3px;color:#94a185;text-transform:uppercase;margin-bottom:13px}.login-form-wrap h2{font-size:27px;font-weight:600;letter-spacing:-.7px}.login-form-wrap>p{font-size:12px;color:#98a18f;line-height:1.8;margin:11px 0 31px}.login-form-wrap form{display:flex;flex-direction:column;gap:20px}.login-form-wrap .field input{height:47px;background:#fdfefb}.login-form-wrap .btn{height:46px;width:100%;margin-top:5px}.login-safe{display:flex;justify-content:center;align-items:center;gap:6px;color:#a3ac98;font-size:10px;margin-top:26px}.login-safe .icon{width:13px;height:13px}.login-help{margin-top:52px;color:#a6ad9c;font-size:10px;line-height:1.8;text-align:center}.login-help code{font-size:10px;color:#839375;background:#f5f7f0;padding:2px 5px;border-radius:3px}.form-error{font-size:12px;color:#b95252;line-height:1.6;min-height:0}.initial-loading{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#8e9d80;font-size:12px}.spinner{width:25px;height:25px;border:2px solid #e5eddb;border-top-color:#608448;border-radius:50%;animation:spin .8s linear infinite}.page-loading{padding:70px;display:flex;align-items:center;justify-content:center;gap:12px;color:#94a086;font-size:12px}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:calc(100% - 32px);max-width:490px;box-shadow:0 20px 90px #0d291538;color:var(--text);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#132b1dc0;backdrop-filter:blur(3px)}dialog .dialog-header{padding:22px 24px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}dialog .dialog-body{padding:24px}dialog .dialog-body form{display:flex;flex-direction:column;gap:17px}dialog h2{font-size:18px}dialog .form-actions{margin-top:4px}dialog.video-dialog{max-width:880px}dialog video{display:block;width:100%;max-height:65vh;background:#122119}.dialog-description{font-size:12px;color:#8d9c81;line-height:1.8;margin-bottom:20px}.help-steps{display:flex;flex-direction:column;gap:22px}.help-step{display:flex;align-items:flex-start;gap:13px}.help-step .step-number{margin-top:1px;width:25px;height:25px}.help-step h3{font-size:12px;margin-bottom:5px}.help-step p{font-size:11px;color:#8c9b80;line-height:1.8}#toast-region{position:fixed;right:24px;bottom:25px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:420px;pointer-events:none}.toast{background:#fff;border:1px solid #dfe7d7;border-radius:10px;box-shadow:0 8px 30px #163c2621;padding:14px 17px;display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.7;color:#597249;animation:slide-in .2s ease;pointer-events:auto}.toast.error{color:#b05151;border-color:#e9d5d5}.toast .icon{margin-top:1px;min-width:18px;width:18px;height:18px}.bottom-nav{display:none}.camera-error{margin:0 0 16px}.is-offline .connection .status-dot{color:#d0a353}.is-offline .connection{color:#ac9367}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.content{padding-top:39px}.hero{min-height:220px}.hero h2{font-size:30px}.overview-grid{grid-template-columns:1fr 340px}}
@media(max-width:1190px){.sidebar{width:208px;padding:30px 15px 18px}.app-shell{margin-left:208px}.topbar{padding:0 25px}.content{padding:27px 25px}.overview-grid{grid-template-columns:1fr 275px;gap:17px}.stat{padding:17px 15px}.stat .stat-top{font-size:10px}.stat-grid{gap:12px}.record-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.hero-art{right:-30px;opacity:.75}.hero{padding:28px}.hero-copy{max-width:73%}.devices-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.profile .username,.profile .role{display:none}.profile{gap:0}.data-table th,.data-table td{padding-left:18px;padding-right:18px}}
@media(max-width:900px){.sidebar{width:78px;padding:28px 10px 18px;align-items:center}.sidebar .brand{padding:0;margin-bottom:35px}.sidebar .brand>span:last-child,.nav-label,.nav-item span,.sidebar-tip,.sidebar-help span{display:none}.nav-item{width:49px;height:49px;padding:15px;justify-content:center}.nav-item.active:after{display:none}.sidebar-help{width:49px;padding:15px}.app-shell{margin-left:78px}.nav-list{gap:12px}.sidebar .brand-mark{width:40px;height:40px}.overview-grid{grid-template-columns:1fr 260px}.record-grid{grid-template-columns:1fr}.record-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:17px}.record-side .stack{display:contents}.record-side .camera-hint{grid-column:1/-1;margin-top:0}.settings-grid{grid-template-columns:1fr}.login-story{padding:35px}.login-story h1{font-size:35px}}
@media(max-width:650px){h1{font-size:24px}.sidebar{display:none}.app-shell{margin-left:0;padding-bottom:76px}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb .crumb-home{display:none}.breadcrumb>.icon{display:none}.topbar-right{gap:11px}.profile{padding-left:12px}.connection{font-size:10px}.avatar{width:30px;height:30px;font-size:10px}.topbar-right>.icon-btn{width:30px;height:30px}.content{padding:24px 18px}.page-heading{margin-bottom:21px}.page-heading.between{align-items:flex-start;flex-wrap:wrap;gap:17px}.page-heading .actions{width:100%;gap:8px}.page-heading .actions .btn{flex:1}.page-heading p{font-size:12px;max-width:330px}.greeting{font-size:11px}.hero{padding:25px;min-height:207px;border-radius:13px;margin-bottom:18px}.hero h2{font-size:24px;max-width:250px}.hero-copy{max-width:100%}.hero p{max-width:235px;font-size:11px;margin-top:10px;line-height:1.8}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-art{width:180px;right:-53px;top:30px;opacity:.35}.hero-art svg{width:210px}.hero .btn{font-size:10px}.stat-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:20px}.stat{padding:16px}.stat-value{font-size:27px;margin-top:9px}.stat-icon{width:29px;height:29px}.stat-icon .icon{width:17px;height:17px}.stat .stat-top{font-size:10px}.stat-note{font-size:9px;margin-top:6px}.overview-grid{grid-template-columns:1fr;gap:17px;margin-bottom:20px}.service-card{padding:20px;display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:start}.service-icon{grid-row:1/3;margin-bottom:0}.service-card h3{font-size:13px}.service-card p{font-size:11px}.service-card .btn{grid-column:1/-1;margin-top:16px}.panel-head{padding:18px}.panel-head h2{font-size:15px}.panel-head .text-link{font-size:10px}.data-table th,.data-table td{padding:13px 16px}.data-table td{font-size:11px}.table-footer{padding:13px 16px;font-size:9px}.page-footer{padding-top:22px;font-size:9px;line-height:1.7;gap:10px;align-items:flex-start}.page-footer .footer-right{display:none}.bottom-nav{position:fixed;bottom:0;inset-inline:0;display:flex;justify-content:space-around;gap:0;background:#fff;border-top:1px solid #e3e9dc;padding:9px 4px calc(8px + env(safe-area-inset-bottom));z-index:35}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#9aa98e;min-width:52px;padding:3px 7px;position:relative}.bottom-nav a.active{color:#3e6633;font-weight:650}.bottom-nav a.active:before{content:"";position:absolute;width:20px;height:2px;background:#7b9c5d;top:-10px;border-radius:2px}.bottom-nav .icon{height:21px;width:21px}.bottom-nav .record-nav .icon{color:#fff;width:22px;height:22px}.bottom-nav .record-nav .record-nav-icon{background:var(--green);height:42px;width:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;margin-top:-15px;box-shadow:0 3px 0 5px #fff}.bottom-nav .record-nav{gap:3px}.bottom-nav .record-nav.active:before{display:none}.filter-row{padding:16px;gap:10px}.search-box{width:100%;max-width:none;flex:auto}.filter-row select,.filter-row input[type=date]{flex:1;max-width:none;width:calc(50% - 5px);min-width:0;font-size:11px}.filter-row .btn{width:100%;font-size:11px}.devices-grid{grid-template-columns:1fr;gap:15px}.device-card{padding:20px}.form-grid{grid-template-columns:1fr}.panel-body{padding:19px}.step-list{gap:8px}.step{font-size:9px;gap:5px}.step-number{min-width:19px;height:19px;font-size:9px}.settings-section{margin-top:18px}.settings-grid{gap:18px}.settings-grid .panel-head .flex{gap:9px}.settings-grid .panel-head .badge{font-size:9px;padding:5px 6px}.settings-grid .panel-head .service-icon{height:35px;width:35px}.setting-description{font-size:11px}.record-grid{gap:17px}.camera-view{aspect-ratio:4/3}.record-side{display:flex;flex-direction:column;gap:17px}.record-side>.panel{width:100%}.record-side .camera-hint{width:100%;font-size:10px}.camera-options .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:15px}.camera-options .field{margin:0}.camera-options .field:first-child{grid-column:1/-1}.camera-options .toggle-label{font-size:11px;grid-column:1/-1}.camera-options select,.camera-options input{height:40px}.camera-topbar{padding:12px 15px;font-size:11px}.camera-topbar .badge{font-size:9px}.camera-topbar .live-clock{font-size:9px}.record-controls{padding:17px 15px;gap:8px}.record-controls .btn{min-width:112px;font-size:11px;padding:10px}.record-state h3{font-size:11px}.record-state p{font-size:9px}.manual-code{padding:16px 15px}.manual-code .btn{padding:8px 11px}.manual-code input{font-size:11px}.camera-watermark{left:12px;bottom:12px;font-size:9px;max-width:calc(100% - 24px)}.camera-watermark strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-rec{left:12px;top:12px;font-size:9px}.login-layout{display:flex;flex-direction:column;min-height:100dvh}.login-story{display:none}.login-form-side{padding:40px 27px;flex:1;min-height:100dvh;align-items:center;background:#fbfcf8}.login-form-wrap{max-width:360px}.login-form-wrap>.brand{display:flex;margin-bottom:48px}.login-form-wrap h2{font-size:26px}.login-form-wrap>p{font-size:12px}.login-help{margin-top:36px;font-size:10px}.login-form-wrap .field input{background:white}.login-safe{font-size:10px}#toast-region{right:16px;left:16px;bottom:89px;max-width:none;align-items:stretch}.toast{font-size:11px;padding:12px 14px}.chart{height:150px;padding-left:10px;padding-right:10px;gap:12px;margin-left:14px;margin-right:14px}.empty{padding:35px 18px}.empty p{font-size:11px}.notice{font-size:11px;padding:12px}.btn{min-height:42px}.table-actions .icon-btn{width:36px;height:36px}dialog .dialog-body{padding:20px}dialog .dialog-header{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.rotate-back{transform:rotate(180deg)}
/* Public GóiCam landing and billing screens */
.landing{min-height:100vh;background:linear-gradient(180deg,#fbfcf8 0,#f5faf7 52%,#fff 100%);color:#005441}.landing-nav{height:78px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-nav nav{display:flex;gap:30px;color:#6d7d70;font-size:13px}.landing-nav nav a:hover{color:var(--green)}.landing-nav-actions{display:flex;gap:8px}.landing-nav .brand{font-size:23px}.landing-hero{max-width:1180px;margin:auto;padding:72px 24px 58px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.landing-kicker{display:inline-flex;align-items:center;gap:7px;color:#78945e;font-size:10px;letter-spacing:1.8px;font-weight:700}.landing-kicker .status-dot{width:6px;height:6px;background:#82a461}.landing-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.05;letter-spacing:-3px;margin:19px 0 22px;color:#003e30}.landing-hero h1 em{font-style:normal;color:#008066}.landing-hero-copy>p{max-width:530px;color:#718175;font-size:16px;line-height:1.8}.landing-hero-actions{display:flex;align-items:center;gap:13px;margin-top:30px}.btn.lg{min-height:52px;padding:14px 22px;font-size:14px;border-radius:11px}.landing-play{border:0;background:transparent;color:#55705e}.landing-play:hover{background:#eef5e9}.landing-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#84918a;font-size:11px}.landing-trust span{display:inline-flex;align-items:center;gap:5px}.landing-trust .icon{width:14px;height:14px;color:#83a161}.landing-hero-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-phone{width:230px;height:390px;border:7px solid #003e30;border-radius:31px;background:linear-gradient(160deg,#396b4b,#003e30 66%);box-shadow:0 30px 60px #003e3033;position:relative;padding:20px 15px;color:#dff0c2;z-index:2;overflow:hidden}.hero-phone:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff1b,transparent 40%);pointer-events:none}.hero-phone-top{font-size:9px;letter-spacing:1px;display:flex;gap:6px;align-items:center}.hero-phone-top .status-dot{background:#f07d6d;width:6px;height:6px;box-shadow:0 0 0 4px #f07d6d22}.hero-qr{position:absolute;top:112px;left:42px;width:145px;height:145px;border:1px solid #dff0c266;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#dff0c2}.hero-qr .icon{width:90px;height:90px;stroke-width:1}.hero-time{position:absolute;bottom:57px;left:24px;color:#b8d59f;font-size:9px;line-height:1.6}.hero-time strong{display:block;color:#fff;font-size:20px;letter-spacing:1px}.hero-order{position:absolute;bottom:25px;left:24px;color:#fff;font-size:10px}.hero-orbit{position:absolute;border-radius:50%;border:1px solid #a1bd842e}.orbit-a{width:445px;height:445px}.orbit-b{width:340px;height:340px}.hero-float{position:absolute;background:#fff;border:1px solid #e0ead9;box-shadow:0 13px 30px #31573a16;border-radius:10px;padding:11px 13px;font-size:11px;display:flex;align-items:center;gap:7px;color:#55705e;z-index:3}.hero-float .icon{width:15px;height:15px;color:#719753}.float-video{right:2%;top:24%}.float-check{left:4%;bottom:23%}.landing-proof{max-width:1132px;margin:0 auto 72px;padding:22px 28px;background:#fff;border:1px solid #e8eee5;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 10px 35px #244c3510}.landing-proof div{padding:7px 25px;border-right:1px solid #edf1eb;display:flex;flex-direction:column;gap:4px}.landing-proof div:last-child{border:0}.landing-proof strong{font-size:23px;letter-spacing:-.6px;color:#305f42}.landing-proof span{font-size:11px;color:#9aa59b}.landing-section{max-width:1132px;margin:0 auto;padding:76px 24px}.landing-section-head{text-align:center;max-width:680px;margin:0 auto 39px}.landing-section-head h2{font-size:35px;letter-spacing:-1.3px;line-height:1.22;margin:14px 0 10px;color:#005441}.landing-section-head p{color:#829087;line-height:1.7;font-size:13px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-steps article{position:relative;background:#fff;border:1px solid #e7eee4;border-radius:13px;padding:29px 27px;min-height:210px}.landing-steps article>.icon{width:29px;height:29px;color:#80a05f;margin:22px 0 16px}.step-index{position:absolute;top:20px;right:22px;font-size:11px;color:#a7b79e;font-weight:700}.landing-steps h3,.feature-grid h3{font-size:16px;margin-bottom:8px}.landing-steps p,.feature-grid p{color:#849187;font-size:12px;line-height:1.75}.landing-features{padding-top:55px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{background:#f3f7ef;border-radius:13px;padding:25px 22px;min-height:188px}.feature-grid article>.icon{color:#759658;width:25px;height:25px;margin-bottom:22px}.pricing-section{max-width:1200px}.billing-toggle{display:inline-flex;gap:4px;padding:4px;margin-top:20px;background:#edf3e9;border-radius:9px}.billing-toggle button{border:0;background:transparent;border-radius:7px;color:#769078;padding:8px 13px;font-size:11px}.billing-toggle button.active{background:#fff;color:#315d3d;box-shadow:0 2px 8px #31573a15}.billing-toggle b{color:#759b55;font-size:9px;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;background:#fff;border:1px solid #e1ebe0;border-radius:15px;padding:29px 27px;box-shadow:0 6px 22px #234e3010}.price-card.featured{border:2px solid #6d9755;padding:28px 26px;box-shadow:0 14px 35px #234e3020}.popular{position:absolute;right:20px;top:17px;color:#789d58;font-size:9px;font-weight:700;letter-spacing:1px}.price-card-head h3{font-size:19px}.price-card-head p{color:#8b978d;font-size:11px;line-height:1.6;margin-top:7px;min-height:38px}.price{display:flex;align-items:baseline;gap:5px;margin-top:22px}.price strong{font-size:29px;letter-spacing:-1.2px}.price span{color:#91a093;font-size:11px}.price-note{height:26px;color:#88a06d;font-size:10px;margin-top:5px}.price-card ul{list-style:none;padding:0;margin:22px 0 24px;display:flex;flex-direction:column;gap:12px;color:#6f8072;font-size:11px}.price-card li{display:flex;align-items:center;gap:8px}.price-card li .icon{width:14px;height:14px;color:#7da05a}.price-card .btn{width:100%}.pricing-loading{grid-column:1/-1;text-align:center;padding:45px;color:#8c998c;font-size:12px}.landing-cta{max-width:1132px;margin:40px auto 70px;padding:39px 45px;border-radius:16px;background:#003e30;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-cta h2{font-size:28px;letter-spacing:-.7px;line-height:1.25;margin-top:12px;max-width:580px}.landing-cta .landing-kicker{color:#bddc9b}.btn.lime{background:#dcefae;border-color:#dcefae;color:#294b32}.landing-faq{max-width:750px;margin:0 auto;padding:40px 24px 90px}.faq-list{border-top:1px solid #e3ebe1}.faq-list details{border-bottom:1px solid #e3ebe1;padding:19px 0}.faq-list summary{cursor:pointer;font-weight:600;color:#355b40;font-size:13px}.faq-list p{color:#7e8d82;font-size:12px;line-height:1.8;margin-top:12px}.landing-footer{max-width:1132px;margin:auto;padding:24px;border-top:1px solid #e5ece2;display:flex;align-items:center;justify-content:space-between;color:#9aa69d;font-size:10px}.landing-footer .brand{font-size:20px}.public-form-page{min-height:100vh;background:linear-gradient(135deg,#eff5e9,#fbfcfa);display:flex;align-items:center;justify-content:center;padding:28px}.public-form-card{width:min(100%,470px);background:#fff;border:1px solid #e3ece0;border-radius:17px;padding:34px;box-shadow:0 20px 60px #1e4c2a17;display:flex;flex-direction:column;gap:15px}.public-form-card .brand{margin-bottom:14px}.public-form-card h1{font-size:29px;letter-spacing:-1px}.public-form-card>p{font-size:13px;color:#839087;line-height:1.7;margin-top:-5px;margin-bottom:6px}.public-form-card form{display:flex;flex-direction:column;gap:14px}.public-form-card .btn.primary{margin-top:5px}.public-form-card>.btn.quiet{align-self:flex-start}.form-error{color:#b64f4f;font-size:11px;min-height:16px;line-height:1.5}.login-help .text-link{display:inline;padding:0;font-size:11px;min-height:0}
@media(max-width:800px){.landing-nav{padding:0 17px}.landing-nav nav{display:none}.landing-nav-actions .btn.quiet{display:none}.landing-hero{grid-template-columns:1fr;padding:43px 22px 45px;text-align:center}.landing-hero-copy>p{font-size:14px}.landing-hero h1{font-size:47px;letter-spacing:-2px}.landing-hero-actions{justify-content:center;flex-wrap:wrap}.landing-trust{justify-content:center;gap:10px 14px}.landing-hero-art{height:350px;transform:scale(.86);margin-top:-15px}.landing-proof{margin:0 17px 40px;grid-template-columns:repeat(2,1fr);padding:13px}.landing-proof div{padding:14px 13px}.landing-proof div:nth-child(2){border:0}.landing-proof strong{font-size:19px}.landing-section{padding:54px 20px}.landing-section-head h2{font-size:29px}.landing-steps,.pricing-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article{min-height:165px;padding:19px 16px}.landing-cta{margin:20px 17px 50px;padding:29px 24px;display:block;text-align:center}.landing-cta h2{font-size:24px;margin-bottom:24px}.landing-footer{margin:0 17px;padding:20px 0;gap:10px;flex-wrap:wrap}.landing-footer .btn{padding:5px 0}.public-form-page{padding:17px}.public-form-card{padding:26px 21px}.price-card.featured{order:-1}}
@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.landing-hero-art{transform:scale(.75);margin-left:-30px;margin-right:-30px}}
.billing-hero{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;background:linear-gradient(120deg,#f1f7eb,#fff)}.billing-hero h2{font-size:28px;margin:11px 0 5px}.billing-hero p{color:#859287;font-size:12px}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.billing-metric{margin-bottom:21px;color:#7e8c80;font-size:11px}.billing-metric:last-child{margin-bottom:0}.billing-metric strong{float:right;color:#49634d;font-size:12px}.billing-metric>div{height:6px;border-radius:6px;background:#edf2e9;margin-top:9px;overflow:hidden}.billing-metric i{display:block;height:100%;border-radius:6px;background:#86a866}.checkout-dialog{text-align:center}.checkout-amount{font-size:28px;font-weight:700;color:#315d3d;margin-bottom:17px}.checkout-amount span{font-size:12px;font-weight:400;color:#94a295}.checkout-qr{width:230px;height:230px;object-fit:contain;display:block;margin:0 auto 15px;border:1px solid #e5ece2;border-radius:10px}.checkout-dialog>p{font-size:12px;color:#78877b;line-height:1.7}.checkout-reference{display:inline-block;color:#315d3d;background:#eff6e9;border-radius:8px;padding:10px 14px;margin:8px 0 12px;font-size:16px;letter-spacing:1.2px;font-weight:700}@media(max-width:800px){.billing-grid{grid-template-columns:1fr}.billing-hero{display:block}.billing-hero .badge{margin-top:16px}}
.landing-login-strip{max-width:1132px;margin:-25px auto 35px;padding:20px 25px;background:#f0f6ec;border:1px solid #e0ebdc;border-radius:13px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:15px}.landing-login-strip h3{font-size:15px;margin-top:8px}.landing-login-strip form{display:flex;align-items:center;gap:8px}.landing-login-strip label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.landing-login-strip input{height:39px;border:1px solid #dbe7d7;border-radius:8px;padding:8px 11px;min-width:140px;background:#fff;font-size:12px}.landing-login-strip .btn{min-height:39px}.landing-login-strip .form-error{margin:0;min-width:90px}@media(max-width:800px){.landing-login-strip{margin:0 17px 35px;display:block;padding:20px}.landing-login-strip form{flex-wrap:wrap;margin-top:14px}.landing-login-strip input{flex:1;min-width:125px}.landing-login-strip form .btn{width:100%}.landing-login-strip .form-error{margin-top:8px}}

/* GóiCam identity: parcel, lens and recording dot. */
.brand{gap:11px;font-weight:800;letter-spacing:-1.2px}.brand-mark{width:44px;height:44px;border-radius:14px;background:transparent;flex-shrink:0;overflow:hidden}.brand-symbol{display:block;width:100%;height:100%;object-fit:contain}.brand-wordmark{white-space:nowrap}.brand-light{font-weight:650}.brand-dot{color:#30a571;margin-left:1px}.landing-nav .brand{font-size:28px}.landing-nav .brand-mark{width:48px;height:48px}.login-story .brand-mark{background:transparent}.login-story .brand-dot{color:var(--lime)}.mobile-brand{display:none}.landing{background:linear-gradient(180deg,#f5faf7 0,#f5faf7 52%,#fff 100%)}.hero{background:#005441}.btn.primary:hover{background:#003e30}.btn.lime:hover{background:#a7eb73}.landing-hero h1 em{color:#008066}.price-card.featured{border-color:#005441}.sidebar .nav-item.active{background:#e9f5ed}.sidebar .brand{padding-left:0}.service-icon{color:var(--green)}
@media(max-width:700px){.mobile-brand{display:flex;font-size:21px;gap:8px}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:11px}.breadcrumb>#breadcrumb-current{display:none}.topbar{padding:0 17px}.topbar-right{gap:10px}.topbar-right .connection{display:none}.topbar-right .profile{padding-left:0;border:0}.topbar-right .profile>div{display:none}.landing-nav .brand{font-size:25px}.landing-nav .brand-mark{width:42px;height:42px}}

.table-action-label{display:none}
@media(max-width:767px),(orientation:landscape) and (max-height:600px){
 .recording-list{overflow:visible;padding:12px}.recordings-table{display:block;width:100%;white-space:normal;min-width:0}.recordings-table thead{display:none}.recordings-table tbody{display:grid;gap:12px}.recordings-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:white;min-width:0}.recordings-table td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere;font-size:12px}.recordings-table td:first-child{grid-column:1/-1;order:0}.recordings-table td:nth-child(4){grid-column:1/-1;order:1}.recordings-table td:nth-child(2){order:2}.recordings-table td:nth-child(3){order:3}.recordings-table td:last-child{grid-column:1/-1;order:4;padding-top:12px;border-top:1px solid var(--line)}.recordings-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;font-size:10px;color:var(--muted)}.recordings-table .order-cell{align-items:flex-start;min-width:0}.recordings-table .order-cell>div{min-width:0}.recordings-table .order{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.recordings-table .file-icon{flex-shrink:0}.recordings-table .order-meta{font-size:11px;line-height:1.5}.recordings-table .table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recordings-table .table-actions .icon-btn{width:100%;min-width:0;min-height:44px;height:auto;gap:7px;padding:10px 7px;font-size:12px}.recordings-table .table-action-label{display:inline}.recordings-table .table-actions .icon-btn[data-action=play]{background:var(--green);border-color:var(--green);color:white}
}

.platform-nav-label{margin-top:22px;margin-bottom:8px}.platform-nav-entry{font-size:12px}.staff-list{display:grid;gap:12px;padding:18px}.staff-card{padding:15px;border:1px solid var(--line);border-radius:12px;min-width:0}.staff-identity{display:flex;align-items:center;gap:10px;min-width:0}.staff-identity>div{flex:1;min-width:0}.staff-identity strong,.staff-identity p{overflow-wrap:anywhere}.staff-identity p{font-size:11px;color:var(--muted);margin-top:4px}.staff-identity .badge{flex-shrink:0}.staff-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.staff-actions>.btn{min-height:40px}.platform-mode .content{max-width:1600px}
@media(max-width:767px){.staff-list{padding:12px}.staff-card{padding:12px}.staff-identity{flex-wrap:wrap}.staff-identity .badge{margin-left:46px}.staff-actions{display:grid;grid-template-columns:1fr 1fr}.staff-actions>.btn:last-child{grid-column:1/-1}.staff-actions>.btn{min-width:0;white-space:normal;font-size:11px}.platform-mode .bottom-nav{display:none}.platform-mode .app-shell{padding-bottom:0}}
.sidebar{overflow-y:auto}.sidebar:has(.platform-nav-entry) .sidebar-tip{display:none}

.platform-sidebar{display:none}.platform-mode .platform-sidebar{display:block}.platform-mode .sidebar .workspace-nav,.platform-mode .sidebar .workspace-nav-label,.platform-mode .sidebar .platform-nav-label,.platform-mode .sidebar .platform-nav-entry{display:none}.platform-sidebar nav{display:grid;gap:3px}.platform-sidebar .nav-item{font-size:12px;padding:11px 13px;min-height:42px}.platform-workspace-switch{margin-top:14px;border-top:1px solid var(--line);border-radius:0;padding-top:17px!important}.platform-mode .sidebar .brand{margin-bottom:25px}.platform-mode .sidebar-bottom{margin-top:20px}
@media(min-width:901px){.platform-mode .platform-admin>.platform-nav{display:none}}

.compact-video-list{padding:0 16px;overflow:hidden}.video-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);min-width:0}.video-row:last-child{border-bottom:0}.video-row-info{flex:1;min-width:0}.video-order{display:block;max-width:100%;border:0;background:none;padding:0;text-align:left;color:var(--text);font:inherit;font-size:14px;font-weight:650;overflow-wrap:anywhere;cursor:pointer}.video-order:hover{text-decoration:underline}.video-order:focus-visible{outline:2px solid var(--green);outline-offset:4px}.video-row time{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.video-row .icon-btn{flex-shrink:0;width:42px;height:42px;min-height:42px}.video-play{background:var(--green);color:white}.video-delete{color:#bd5050}.video-details{margin:0 0 20px}.video-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.video-details dt{color:var(--muted);font-size:12px}.video-details dd{margin:0;font-size:13px;overflow-wrap:anywhere}.btn.danger{background:#b53d3d;color:white;border-color:#b53d3d}@media(max-width:600px){.compact-video-list{padding:0 12px}.video-row{gap:10px;padding:14px 0}.video-order{font-size:13px}.video-row .icon-btn{width:40px;height:44px}.video-row time{font-size:10px}}

.badge-progress{display:block;width:100%;max-width:130px;height:4px;margin-top:6px;border-radius:99px;background:#e1ebe5;overflow:hidden}.badge-progress>span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .4s ease}