@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#10233d;font-synthesis:none;background:#edf3f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 10%,#fff 0,#0000 30%),#edf3f8;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{color:#fff;background:#071b33;border-bottom:4px solid #18b98b;justify-content:space-between;align-items:center;min-height:92px;padding:18px clamp(24px,5vw,72px);display:flex}.brand,.header-right,.connection,.datetime,.reader-status,.history-card footer>span,.result-card,.result-copy time{align-items:center;display:flex}.brand{gap:14px}.brand-mark{background:#18b98b;border-radius:13px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 25px #18b98b44}.brand-mark svg{width:26px}.brand div,.datetime{flex-direction:column;display:flex}.brand strong{letter-spacing:-.5px;font:800 25px Manrope}.brand span{color:#93a7bc;letter-spacing:1.7px;text-transform:uppercase;font-size:11px}.header-right{gap:32px}.connection{color:#b9c9d8;border:1px solid #ffffff20;border-radius:99px;gap:8px;padding:9px 13px;font-size:13px}.connection svg{width:16px}.connection.online svg{color:#34d399}.connection.offline svg{color:#fb7185}.page-nav{background:#ffffff0d;border-radius:11px;gap:5px;padding:4px;display:flex}.page-nav a{color:#9fb2c4;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.page-nav a.active{color:#fff;background:#ffffff18}.page-nav svg{width:15px;height:15px}.datetime{text-align:right;align-items:flex-end}.datetime strong{font-variant-numeric:tabular-nums;font:700 25px Manrope}.datetime span{color:#93a7bc;font-size:12px}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(350px,.8fr);gap:28px;max-width:1420px;margin:0 auto;padding:clamp(24px,4vw,56px);display:grid}.scan-column{min-width:0}.scan-card,.history-card,.result-card,.demo-panel{background:#fff;border:1px solid #dce7ef;border-radius:22px;box-shadow:0 15px 40px #2c4f7010}.scan-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px;display:flex;position:relative;overflow:hidden}.scan-card:before{content:"";background:linear-gradient(90deg,#18b98b,#48d4ae);height:5px;position:absolute;inset:0 0 auto}.eyebrow{color:#718399;letter-spacing:1.7px;font-size:11px;font-weight:700;position:absolute;top:30px;left:34px}.eyebrow span{background:#18b98b;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.reader-visual{color:#0c9c73;background:#eafaf5;border:1px solid #bdeee0;border-radius:50%;place-items:center;width:148px;height:148px;display:grid;position:relative}.reader-visual svg{z-index:2;width:62px;height:62px}.pulse{border:1px solid #18b98b55;border-radius:50%;animation:2.5s infinite pulse;position:absolute}.pulse-one{inset:-18px}.pulse-two{animation-delay:.6s;inset:-38px}.scan-card h1{letter-spacing:-1.4px;color:#0a213d;margin:48px 0 10px;font:800 clamp(28px,4vw,42px) Manrope}.scan-card p{color:#718399;margin:0;font-size:16px}.scan-card input{opacity:0;width:1px;height:1px;position:absolute}.reader-status{color:#567087;background:#f2f7fa;border-radius:99px;gap:9px;margin-top:36px;padding:10px 16px;font-size:12px;font-weight:600}.status-dot{background:#22c893;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #22c89322}.demo-panel{box-shadow:none;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 14px;display:flex}.demo-panel>span{color:#8494a7;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.demo-panel button,.icon-button{cursor:pointer;border:0}.demo-panel button{color:#2f5b77;background:#eaf2f7;border-radius:8px;margin-left:7px;padding:7px 12px;font-size:12px;font-weight:600}.demo-panel button:hover{background:#dbeaf2}.demo-panel button:disabled{opacity:.45}.result-card{gap:19px;min-height:122px;margin-top:18px;padding:24px 28px}.result-card.idle,.result-card.processing{color:#718399}.result-card>svg{width:30px;height:30px}.result-card>div{flex-direction:column;display:flex}.result-card strong{color:#16304a;font:700 17px Manrope}.result-card span{margin-top:4px;font-size:13px}.result-card.detailed{border-left:5px solid}.result-card.success{background:linear-gradient(105deg,#f0fcf8,#fff 58%);border-left-color:#18b98b}.result-card.duplicate{background:linear-gradient(105deg,#fff9eb,#fff 58%);border-left-color:#edae36}.result-card.failure{background:linear-gradient(105deg,#fff2f3,#fff 58%);border-left-color:#ee6170}.result-icon{color:#fff;background:#18b98b;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid!important}.duplicate .result-icon{background:#edae36}.failure .result-icon{background:#ee6170}.result-copy{flex:1}.result-label{color:#0c9c73;letter-spacing:1.4px;font-weight:800;margin:0 0 4px!important;font-size:10px!important}.duplicate .result-label{color:#be7817}.failure .result-label{color:#d83d50}.result-copy time{color:#718399;gap:5px;margin-top:8px;font-size:12px}.result-copy time svg{width:14px}.avatar{color:#fff;background:#173c5c;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid!important}.avatar.large{width:64px;height:64px;font-size:18px}.avatar.small{width:43px;height:43px;font-size:12px}.history-card{flex-direction:column;min-height:650px;padding:28px;display:flex}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading span{color:#18a47c;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:800}.section-heading h2{color:#102943;margin:4px 0 0;font:800 25px Manrope}.icon-button{color:#648096;background:#eef4f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{width:17px}.summary{color:#fff;background:#10324f;border-radius:14px;margin:25px 0 18px;padding:19px 20px}.summary strong{font:800 32px Manrope;display:block}.summary span{color:#a8bccb;font-size:12px}.history-list{flex:1}.history-item{border-bottom:1px solid #e7eef3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 2px;display:grid}.history-item div:nth-child(2){min-width:0}.history-item strong,.history-item span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.history-item strong{color:#15304b;font-size:14px}.history-item span{color:#8494a7;margin-top:3px;font-size:11px}.history-item time{color:#335a74;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.empty{text-align:center;color:#92a2b1;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty svg{width:34px;margin-bottom:13px}.empty strong{color:#536d82}.empty span{max-width:240px;margin-top:6px;font-size:12px}.history-card footer{color:#90a0af;border-top:1px solid #e2ebf1;justify-content:space-between;margin:18px -28px -28px;padding:16px 28px;font-size:10px;display:flex}.history-card footer>span{gap:7px}.spin{animation:1s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-layout{grid-template-columns:245px minmax(0,1fr);gap:30px;max-width:1500px;min-height:calc(100vh - 92px);margin:auto;padding:34px clamp(24px,4vw,56px) 56px;display:grid}.admin-sidebar{background:#fff;border:1px solid #dce7ef;border-radius:20px;flex-direction:column;min-height:680px;padding:26px 18px;display:flex;box-shadow:0 15px 40px #2c4f7010}.admin-sidebar>div:first-child{padding:4px 8px 22px}.admin-kicker,.admin-heading>div>span{color:#18a47c;letter-spacing:1.6px;font-size:10px;font-weight:800}.admin-sidebar h1{margin:6px 0 5px;font:800 24px Manrope}.admin-sidebar p,.admin-heading p{color:#8494a7;margin:0;font-size:12px;line-height:1.5}.admin-sidebar nav{gap:7px;display:grid}.admin-sidebar nav button{color:#577087;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;font-weight:700;display:grid}.admin-sidebar nav button:hover{background:#f2f7fa}.admin-sidebar nav button.active{color:#087e5e;background:#eafaf5}.admin-sidebar nav svg{width:18px}.admin-sidebar nav svg:last-child{width:13px;transform:rotate(-90deg)}.admin-tip{color:#557088;background:#f2f7fa;border-radius:13px;gap:11px;margin-top:auto;padding:15px;display:flex}.admin-tip>svg{flex:none;width:20px}.admin-tip div{flex-direction:column;display:flex}.admin-tip strong{color:#26445e;font-size:12px}.admin-tip span{margin-top:3px;font-size:10px;line-height:1.5}.admin-main{min-width:0}.admin-heading{justify-content:space-between;align-items:flex-start;min-height:92px;display:flex}.admin-heading h2{color:#0b243f;margin:5px 0 3px;font:800 30px Manrope}.refresh-button{color:#587187;cursor:pointer;background:#fff;border:1px solid #d4e1ea;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.refresh-button svg{width:15px}.admin-notice{border-radius:11px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.admin-notice svg{width:17px}.admin-notice.success{color:#087858;background:#dff8ef}.admin-notice.error{color:#bd3446;background:#ffe8eb}.admin-panels{grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);align-items:start;gap:22px;display:grid}.admin-form-card,.admin-list-card{background:#fff;border:1px solid #dce7ef;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #2c4f700d}.admin-form-card{padding:24px}.card-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.card-title>span{color:#07805f;background:#e6f9f3;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.card-title svg{width:19px}.card-title div{flex-direction:column;display:flex}.card-title strong,.list-header strong{color:#17324d;font:700 16px Manrope}.card-title small,.list-header span{color:#91a0ae;margin-top:2px;font-size:11px}.master-form{gap:15px;display:grid}.form-field{gap:6px;display:grid}.form-field>span{color:#425c72;font-size:11px;font-weight:700}.form-field input,.form-field select{color:#18344e;background:#fbfdfe;border:1px solid #d5e1e9;border-radius:9px;outline:none;width:100%;height:43px;padding:0 12px;font-size:13px}.form-field input:focus,.form-field select:focus{border-color:#18b98b;box-shadow:0 0 0 3px #18b98b18}.form-field select:disabled{opacity:.55}.form-field .readonly-input{color:#527087;cursor:not-allowed;background:#edf3f6;font-family:monospace;font-weight:700}.save-button{color:#fff;cursor:pointer;background:#0b9c74;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;margin-top:4px;font-weight:700;display:flex;box-shadow:0 8px 20px #0b9c7425}.save-button:hover{background:#087f60}.save-button:disabled{opacity:.6}.save-button svg{width:17px}.list-header{border-bottom:1px solid #e5edf2;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:18px 21px;display:flex}.list-header>div{flex-direction:column;display:flex}.search-box{background:#f8fafc;border:1px solid #dbe5ec;border-radius:9px;align-items:center;gap:7px;width:min(210px,45%);height:36px;padding:0 10px;display:flex}.search-box svg{color:#8c9baa;width:14px}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.data-list{max-height:560px;overflow:auto}.user-row,.master-row{border-bottom:1px solid #edf2f5;align-items:center;gap:12px;padding:15px 20px;display:grid}.user-row{grid-template-columns:auto minmax(0,1fr) auto}.user-initial{color:#fff;background:#173c5c;border-radius:11px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:800;display:grid}.user-row>div,.master-row>div{flex-direction:column;min-width:0;display:flex}.user-row strong,.master-row strong{color:#1a354e;font-size:13px}.user-row div span,.user-row small,.master-row small{color:#8495a5;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.status-pill{color:#9b4350;cursor:pointer;background:#ffedf0;border:0;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800}.status-pill.active{color:#087657;background:#e1f8f0}.master-row{grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto}.master-row>span{color:#37647f;text-align:center;white-space:nowrap;background:#edf4f7;border-radius:7px;min-width:54px;padding:7px 9px;font:700 11px Manrope}.master-row em{color:#0a8c68;font-size:9px;font-style:normal;font-weight:800}.admin-empty{color:#93a1af;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:220px;font-size:11px;display:flex}.admin-empty span{color:#546c80;font-size:14px;font-weight:700}.admin-empty svg{width:22px}.user-filters{background:#f8fafc;border-bottom:1px solid #e5edf2;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px 20px;display:grid}.user-filters label{gap:4px;min-width:0;display:grid}.user-filters label>span{color:#647d91;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800}.user-filters select{color:#29475f;background:#fff;border:1px solid #d7e3ea;border-radius:8px;outline:none;width:100%;height:34px;padding:0 8px;font-size:10px}.user-filters select:focus{border-color:#18b98b}.user-filters select:disabled{opacity:.5}.active-field{cursor:pointer;background:#f7fafb;border:1px solid #dbe7ed;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.active-field input{accent-color:#0b9c74;width:17px;height:17px}.active-field>span{flex-direction:column;display:flex}.active-field strong{color:#29475f;font-size:12px}.active-field small{color:#8495a5;margin-top:2px;font-size:10px}.active-text{color:#07805f!important}.inactive-text{color:#c14958!important}.form-actions{gap:9px;margin-top:4px;display:flex}.form-actions .save-button{flex:1;margin-top:0;padding:0 17px}.cancel-button{color:#61798e;cursor:pointer;background:#fff;border:1px solid #d5e1e9;border-radius:10px;padding:0 15px;font-weight:700}.row-actions{align-items:center;gap:7px;flex-direction:row!important;display:flex!important}.edit-button{color:#45667d;cursor:pointer;background:#fff;border:1px solid #d8e4eb;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:flex}.edit-button:hover{color:#087657;background:#f0fbf7;border-color:#9edbc8}.edit-button svg{width:12px;height:12px}.delete-button{color:#c54657;cursor:pointer;background:#fff7f8;border:1px solid #f0ccd2;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.delete-button:hover{color:#fff;background:#d94b5e}.delete-button svg{width:13px}.attendance-button{color:#fff;cursor:pointer;background:#173c5c;border:0;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800}.participant-filters{border:1px solid #dbe7ed;border-radius:10px;margin:0 0 12px;padding:12px}.event-kiosk{padding:32px clamp(20px,5vw,70px)}.event-banner{color:#fff;background:#10324f;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:24px 28px;display:grid}.event-banner>a{color:#bcd0df;gap:6px;font-size:12px;text-decoration:none;display:flex}.event-banner svg{width:16px}.event-banner h1{margin:4px 0;font:800 27px Manrope}.event-banner div>span{letter-spacing:1.5px;color:#34d399;font-size:10px}.event-banner p{color:#b7c9d7;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.event-banner>strong{text-align:center;font:800 32px Manrope}.event-banner>strong small{color:#a9bdcc;font:600 10px DM Sans;display:block}.event-grid{grid-template-columns:1.4fr .8fr;gap:22px;margin-top:24px;display:grid}.event-scanner,.event-attendees,.event-result{background:#fff;border:1px solid #dce7ef;border-radius:20px}.event-scanner{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex}.event-scanner h2{margin:35px 0 6px;font:800 28px Manrope}.event-scanner p{color:#7c90a2;margin:0}.event-scanner input{opacity:0;position:absolute}.event-result{align-items:center;gap:12px;margin-top:15px;padding:18px;display:flex}.event-result>svg{color:#e14c60;width:35px}.event-result.success>svg{color:#0b9c74}.event-result div{flex-direction:column;display:flex}.event-result span{color:#8193a3;font-size:11px}.event-attendees{padding:20px}.event-attendees>div{border-bottom:1px solid #e6edf2;align-items:center;gap:8px;padding-bottom:16px;display:flex}.event-attendees>div span{color:#7890a3;margin-left:auto;font-size:10px}.event-attendees article{border-bottom:1px solid #edf2f5;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.event-attendees article>span{color:#fff;background:#173c5c;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.event-attendees article div{flex-direction:column;display:flex}.event-attendees article strong{font-size:12px}.event-attendees article small,.event-attendees time{color:#8495a5;font-size:9px}.schedule-kiosk-error{color:#647d91;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:60vh;display:flex}.schedule-kiosk-error svg{width:40px}.schedule-kiosk-error a{color:#0b9c74}.photo-upload{background:#f8fafb;border:1px solid #dbe7ed;border-radius:11px;align-items:center;gap:13px;padding:12px;display:flex}.photo-preview{color:#7890a3;background:#e7eef3;border-radius:14px;flex:none;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.photo-preview img,.user-initial img{object-fit:cover;width:100%;height:100%}.photo-preview svg{width:27px}.photo-upload>div:last-child{flex-direction:column;align-items:flex-start;display:flex}.photo-upload strong{color:#29475f;font-size:12px}.photo-upload span{color:#8495a5;margin:2px 0 8px;font-size:9px}.upload-button{color:#fff;cursor:pointer;background:#0b9c74;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.upload-button svg{width:13px}.upload-button input{display:none}.remove-photo{color:#c54657;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:9px}.user-initial svg{width:18px}.user-initial.has-photo{background:#e7eef3;overflow:hidden}.photo-avatar{overflow:hidden}.photo-avatar img,.result-photo,.attendee-photo img{object-fit:cover;width:100%;height:100%}.result-photo{border-radius:50%;flex:none;width:52px;height:52px}.event-attendees article>span.attendee-photo{padding:0;overflow:hidden}.attendance-status{letter-spacing:.7px;margin-top:4px;font-size:9px;font-weight:900}.attendance-status.ontime{color:#079467}.attendance-status.late{color:#d33f52}.event-result .attendance-status{font-size:11px}.event-attendees article div .attendance-status{font-size:8px}.attendance-status.permission{color:#d17a08}.attendance-note{color:#718399;margin-top:3px;font-size:9px;font-style:normal}.manual-toggle{color:#fff;cursor:pointer;background:#173c5c;border:0;border-radius:10px;align-items:center;gap:7px;margin-top:26px;padding:10px 16px;font-size:12px;font-weight:800;display:flex}.manual-toggle svg{width:16px}.manual-attendance{background:#fff;border:1px solid #dce7ef;border-radius:20px;gap:15px;margin-top:15px;padding:20px;display:grid}.manual-title{justify-content:space-between;align-items:center;display:flex}.manual-title>div{flex-direction:column;display:flex}.manual-title strong{color:#17324d;font:700 16px Manrope}.manual-title span{color:#8495a5;margin-top:2px;font-size:10px}.manual-title>button{color:#718399;cursor:pointer;background:#edf3f6;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.manual-title svg{width:15px}.manual-error{color:#bd3446;background:#ffe8eb;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:700}.manual-field{gap:6px;display:grid;position:relative}.manual-field>span,.manual-choice legend{color:#425c72;font-size:11px;font-weight:700}.manual-field>span small{color:#91a0ae;font-weight:500}.manual-search{background:#fbfdfe;border:1px solid #d5e1e9;border-radius:9px;align-items:center;gap:8px;height:43px;padding:0 11px;display:flex}.manual-search:focus-within{border-color:#18b98b;box-shadow:0 0 0 3px #18b98b18}.manual-search svg{color:#8495a5;width:15px}.manual-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.manual-search .spin{width:13px}.manual-suggestions{z-index:5;background:#fff;border:1px solid #d8e4eb;border-radius:10px;max-height:220px;position:absolute;top:67px;left:0;right:0;overflow:auto;box-shadow:0 12px 30px #173c5c22}.manual-suggestions button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2f5;align-items:center;gap:10px;width:100%;padding:9px 11px;display:flex}.manual-suggestions button:hover{background:#eef9f5}.manual-suggestions img{object-fit:cover;border-radius:50%;width:34px;height:34px}.manual-suggestions span{flex-direction:column;display:flex}.manual-suggestions strong{color:#29475f;font-size:11px}.manual-suggestions small,.manual-hint{color:#8495a5;font-size:9px}.manual-choice{border:0;gap:18px;margin:0;padding:0;display:flex}.manual-choice legend{margin-bottom:7px}.manual-choice label{color:#29475f;align-items:center;gap:6px;font-size:12px;display:flex}.manual-choice input{accent-color:#0b9c74}.manual-field textarea{resize:vertical;color:#18344e;background:#fbfdfe;border:1px solid #d5e1e9;border-radius:9px;outline:0;min-height:72px;padding:10px 12px;font:12px DM Sans}.manual-field textarea:focus{border-color:#18b98b;box-shadow:0 0 0 3px #18b98b18}.manual-save{color:#fff;cursor:pointer;background:#0b9c74;border:0;border-radius:10px;height:42px;font-weight:800}.manual-save:disabled{opacity:.5;cursor:not-allowed}.manual-list-button{color:#fff;cursor:pointer;background:#d17a08;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:flex}.manual-list-button svg{width:12px}@keyframes pulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.activity-participants{max-width:850px}.participant-select-all{color:#425c72;justify-content:space-between;align-items:center;margin:0 0 8px;padding:9px 4px;font-size:10px;display:flex}.participant-select-all label{align-items:center;gap:7px;font-weight:700;display:flex}.participant-select-all input{accent-color:#0b9c74}.participant-select-all span{color:#8495a5}.schedule-participant-row{border-bottom:1px solid #edf2f5;padding:11px 4px}.schedule-participant-row span{flex-direction:column;display:flex}.schedule-participant-row strong{color:#29475f;font-size:12px}.schedule-participant-row small{color:#8495a5;margin-top:3px;font-size:9px}.user-dapukan-box{background:#f8fafb;border:1px solid #dbe7ed;border-radius:11px;padding:13px}.user-dapukan-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-dapukan-title>div{flex-direction:column;display:flex}.user-dapukan-title strong{color:#29475f;font-size:12px}.user-dapukan-title span{color:#8495a5;margin-top:2px;font-size:9px}.user-dapukan-title button{color:#fff;cursor:pointer;background:#0b9c74;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.user-dapukan-title button svg{width:12px}.user-dapukan-empty{color:#91a0ae;text-align:center;padding:15px 0 3px;font-size:10px}.user-dapukan-row{grid-template-columns:minmax(0,1fr) 105px 31px;gap:7px;margin-top:10px;display:grid}.user-dapukan-row select{color:#29475f;background:#fff;border:1px solid #d5e1e9;border-radius:8px;min-width:0;height:37px;padding:0 8px;font-size:10px}.user-dapukan-row button{color:#c54657;cursor:pointer;background:#fff7f8;border:1px solid #f0ccd2;border-radius:8px;place-items:center;display:grid}.user-dapukan-row button svg{width:13px}.user-dapukan-summary{color:#0a8c68!important;white-space:normal!important}.login-page{place-items:center;min-height:calc(100vh - 92px);padding:30px;display:grid}.login-card{background:#fff;border:1px solid #dce7ef;border-radius:22px;gap:17px;width:min(420px,100%);padding:38px;display:grid;box-shadow:0 20px 55px #173c5c18}.login-mark{color:#fff;background:#0b9c74;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.login-mark svg{width:25px}.login-card>span{color:#0b9c74;letter-spacing:1.5px;margin-bottom:-12px;font-size:10px;font-weight:900}.login-card h1{color:#102943;margin:0;font:800 28px Manrope}.login-card>p{color:#8495a5;margin:-10px 0 4px;font-size:12px}.login-card label{gap:6px;display:grid}.login-card label>span{color:#425c72;font-size:11px;font-weight:700}.login-card label>div{background:#fbfdfe;border:1px solid #d5e1e9;border-radius:10px;align-items:center;gap:9px;height:45px;padding:0 12px;display:flex}.login-card label svg{color:#8495a5;width:16px}.login-card input{background:0 0;border:0;outline:0;flex:1;min-width:0}.login-card>button{color:#fff;cursor:pointer;background:#0b9c74;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:45px;font-weight:800;display:flex}.login-card>button svg{width:17px}.login-card>button:disabled{opacity:.6}.login-error{color:#bd3446;background:#ffe8eb;border-radius:9px;padding:11px;font-size:11px;font-weight:700}.admin-session{background:#f2f7fa;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:12px;display:grid}.admin-session>svg{color:#0b9c74;width:19px}.admin-session div{flex-direction:column;min-width:0;display:flex}.admin-session strong{color:#29475f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-session span{color:#8495a5;margin-top:2px;font-size:8px}.admin-session button{color:#c54657;cursor:pointer;background:#fff;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.admin-session button svg{width:13px}@media (width<=1050px){.admin-panels{grid-template-columns:1fr}}.schedule-button,.participant-button{color:#fff;cursor:pointer;background:#0b9c74;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:700;display:flex}.schedule-button:disabled{opacity:.45}.schedule-button svg,.participant-button svg{width:12px}.schedule-form-page{max-width:720px}.schedule-list-page{width:100%}.save-button.compact{flex:none;height:36px;font-size:11px}.participant-search{width:100%;max-width:none;margin-bottom:12px}.participant-page{max-height:430px}.date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.participant-box{border:1px solid #dbe7ed;border-radius:11px;padding:13px}.participant-box>div:first-child{color:#29475f;justify-content:space-between;font-size:11px;display:flex}.participant-box>div:first-child span{color:#0b9c74;font-weight:700}.participant-box .search-box{width:100%;max-width:none;margin:10px 0}.participant-list{max-height:190px;overflow:auto}.participant-list>label{cursor:pointer;border-bottom:1px solid #edf2f5;align-items:center;gap:9px;padding:8px 3px;display:flex}.participant-list input{accent-color:#0b9c74}.participant-list label span{flex-direction:column;min-width:0;display:flex}.participant-list strong{color:#29475f;font-size:11px}.participant-list small{color:#8495a5;font-size:9px}.schedule-list article{border-bottom:1px solid #edf2f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.schedule-date{color:#fff;background:#173c5c;border-radius:10px;flex-direction:column;align-items:center;width:54px;padding:8px 4px;display:flex}.schedule-date strong{font-size:12px}.schedule-date span{margin-top:2px;font-size:9px}.schedule-list article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.schedule-list article>div:nth-child(2)>strong{color:#18344e;font-size:13px}.schedule-list article>div:nth-child(2)>span{color:#7890a3;align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex}.schedule-list article svg{width:11px;height:11px}@media (width<=920px){.content-grid{grid-template-columns:1fr}.history-card{min-height:500px}.header-right .connection{display:none}.admin-layout{grid-template-columns:1fr}.admin-sidebar{min-height:auto}.admin-sidebar nav{grid-template-columns:repeat(6,1fr)}.admin-sidebar nav button{justify-content:center;display:flex}.admin-sidebar nav svg:last-child,.admin-sidebar nav button{font-size:0}.admin-tip{display:none}}@media (width<=560px){.topbar{padding:14px 18px}.brand span,.datetime,.page-nav a{font-size:0}.brand strong{font-size:19px}.brand-mark{width:40px;height:40px}.header-right{gap:8px}.page-nav a{padding:8px}.content-grid{padding:18px}.scan-card{min-height:420px;padding:28px 18px}.scan-card h1{margin-top:42px}.demo-panel{align-items:flex-start;gap:8px}.demo-panel div{text-align:right}.demo-panel button{margin-bottom:5px}.result-card{padding:20px}.avatar.large{display:none!important}.history-card{padding:22px}.history-card footer{margin:18px -22px -22px;padding:14px 22px}.admin-layout{gap:18px;padding:20px 14px 40px}.admin-heading{min-height:80px}.admin-heading h2{font-size:25px}.refresh-button{padding:10px;font-size:0}.admin-form-card{padding:20px}.list-header{flex-direction:column;align-items:flex-start}.search-box{width:100%}.user-filters{grid-template-columns:1fr}.user-row{padding:13px 14px}.user-row div span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}