@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
.sessionItemAction{align-items:center;gap:6px;display:flex}.sessionItemAction button{color:#8a3939;cursor:pointer;background:#fff;border:1px solid #d9e3de;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:700}.sessionItemAction button:hover{background:#fff4f4;border-color:#e8caca}.sessionItemAction button:disabled{cursor:not-allowed;opacity:.55}.passwordChange{border-top:1px solid #edf0ee;gap:9px;margin-top:6px;padding-top:14px;display:grid}.passwordToggle,.passwordChange form>button{color:#26654e;cursor:pointer;background:#eef7f2;border:1px solid #cfe0d7;border-radius:8px;padding:9px 11px;font-size:9px;font-weight:700}.passwordChange form{background:#fafcfb;border:1px solid #e4ebe7;border-radius:9px;gap:10px;padding:12px;display:grid}.passwordChange label{color:#56675f;gap:5px;font-size:9px;font-weight:700;display:grid}.passwordChange input{color:#17243d;background:#fff;border:1px solid #dce6e1;border-radius:7px;width:100%;padding:9px}.passwordChange input:focus{border-color:#5c9a82;outline:2px solid #cfe7db}.passwordChange button:disabled{cursor:not-allowed;opacity:.55}.passwordMessage{color:#315f4d!important}.draftStatus{background:#f7fbf9;border:1px solid #dce9e2;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:11px 12px;display:flex}.draftStatus span{gap:3px;display:grid}.draftStatus strong{color:#315f4d;font-size:9px}.draftStatus small{color:#74847c;font-size:8px}.draftStatus button{color:#705751;cursor:pointer;background:#fff;border:1px solid #d9e3de;border-radius:7px;flex:none;padding:6px 9px;font-size:8px;font-weight:700}@media (max-width:600px){.draftStatus{flex-direction:column;align-items:stretch}}.feedbackGrid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:18px;margin-bottom:18px;display:grid}.feedbackForm{gap:14px;margin-top:18px;display:grid}.feedbackForm label{color:#536159;gap:7px;font-size:10px;font-weight:800;display:grid}.feedbackForm input,.feedbackForm select,.feedbackForm textarea{color:#23372e;width:100%;font:inherit;background:#fff;border:1px solid #d9e3de;border-radius:9px;outline:none;padding:11px 12px}.feedbackForm textarea{resize:vertical;min-height:150px;line-height:1.55}.feedbackForm input:focus,.feedbackForm select:focus,.feedbackForm textarea:focus{border-color:#5c9a82;box-shadow:0 0 0 3px #e8f3ee}.feedbackForm label>small{color:#87938d;justify-self:end;font-size:8px}.feedbackSafety{background:#fffaf0;border:1px solid #ead7ac;border-radius:9px;gap:4px;padding:11px 12px;display:grid}.feedbackSafety strong{color:#765c22;font-size:10px}.feedbackSafety span{color:#806f4b;font-size:9px;line-height:1.5}.feedbackForm .feedbackConsent{align-items:flex-start;gap:9px;font-weight:600;line-height:1.5;display:flex}.feedbackConsent input{accent-color:#287457;width:15px;height:15px;margin-top:1px}.feedbackForm>button{color:#fff;cursor:pointer;background:#287457;border:0;border-radius:9px;padding:12px;font-size:10px;font-weight:800}.feedbackForm>button:disabled{cursor:not-allowed;opacity:.5}.feedbackNotice{color:#287457;background:#edf7f2;border-radius:8px;margin:0;padding:10px;font-size:9px}.feedbackInfo ul{color:#536159;gap:9px;margin:18px 0;padding-left:18px;font-size:10px;display:grid}.feedbackInfo>p{color:#74847c;border-top:1px solid #e1e9e5;padding-top:14px;font-size:9px;line-height:1.6}.feedbackList{gap:10px;margin-top:14px;display:grid}.feedbackList article{border:1px solid #e0e8e4;border-radius:10px;grid-template-columns:1fr auto;gap:6px 14px;padding:13px;display:grid}.feedbackList article span{gap:3px;display:grid}.feedbackList article b{font-size:11px}.feedbackList article small{color:#849189;font-size:8px}.feedbackList article em{color:#287457;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:800}.feedbackList article p{color:#536159;white-space:pre-wrap;grid-column:1/-1;margin:4px 0 0;font-size:9px;line-height:1.6}.feedbackAdmin{margin-top:0}@media (max-width:800px){.feedbackGrid,.feedbackList article{grid-template-columns:1fr}.feedbackList article p{grid-column:1}}.feedbackMeta{align-items:center;gap:8px;display:flex}.feedbackMeta select{color:#365b49;background:#fff;border:1px solid #cbdad3;border-radius:7px;outline:none;padding:6px 8px;font-size:8px;font-weight:800}.feedbackMeta select:focus{border-color:#5c9a82;box-shadow:0 0 0 3px #e8f3ee}@media (max-width:800px){.feedbackMeta{justify-content:space-between}}.feedbackStatus{color:#596961;background:#eef3f0;border-radius:999px;padding:5px 8px;font-size:8px}.feedbackStatus.reviewing{color:#80651d;background:#fff6dc}.feedbackStatus.resolved{color:#287457;background:#e7f6ee}.feedbackStatus.closed{color:#68736e;background:#f0f1f1}.feedbackFilter{color:#74847c;align-items:center;gap:8px;font-size:8px;display:flex}.feedbackFilter select{color:#365b49;background:#fff;border:1px solid #cbdad3;border-radius:7px;outline:none;padding:7px 9px;font-size:8px;font-weight:800}.feedbackFilter select:focus{border-color:#5c9a82;box-shadow:0 0 0 3px #e8f3ee}@media (max-width:600px){.feedbackFilter{justify-content:space-between;width:100%}.feedbackFilter select{flex:1}}.auth-switch button:disabled{cursor:not-allowed;opacity:.62}.registration-closed{background:#fffaf0;border:1px solid #eadfc5;border-radius:8px;padding:9px 11px;line-height:1.5;color:#79633b!important;margin:8px 0 14px!important;font-size:9px!important}.selectionWarning{background:#fffaf0;border:1px solid #eadfc5;border-radius:9px;gap:4px;margin-top:12px;padding:11px 12px;display:grid}.selectionWarning strong{color:#755e30;font-size:9px}.selectionWarning span,.selectionWarning small{color:#7f6d4b;font-size:8px;line-height:1.5}.service-detail{background:#fffaf0;border:1px solid #eadfc5;border-radius:9px;gap:5px;margin:14px 0;padding:11px 12px;display:grid}.service-detail strong{color:#755e30;font-size:9px}.service-detail span{color:#7f6d4b;font-size:9px;line-height:1.5}.service-unavailable .status-link{color:#287457;text-align:center;border:1px solid #bdd2c8;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700;text-decoration:none}.queueMore{background:#f8fbf9;border:1px solid #d9e3de;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 2px;padding:9px 10px;display:flex}.queueMore span{color:#74847c;font-size:8px}.queueMore button{color:#287457;cursor:pointer;background:#fff;border:1px solid #bdd2c8;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:800}.batchFilters{gap:7px;margin:12px 0 10px;padding-bottom:3px;display:flex;overflow-x:auto}.batchFilters button{color:#65766e;cursor:pointer;background:#fff;border:1px solid #d9e3de;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:8px;font-weight:800;display:inline-flex}.batchFilters button small{color:#617169;background:#edf3f0;border-radius:999px;padding:2px 5px;font-size:7px}.batchFilters button.active{color:#fff;background:#287457;border-color:#287457}.batchFilters button.active small{color:#fff;background:#ffffff2e}.nextBatch.completeJob{color:#fff;background:#287457;border-color:#287457}.drop.locked{cursor:not-allowed;opacity:.68}.cancelJob{color:#9a4f48;cursor:pointer;background:#fff7f6;border:1px solid #dcbfbb;border-radius:8px;width:calc(100% - 42px);margin:9px 21px 0;padding:9px 12px;font-size:9px;font-weight:800}.clearQueue:disabled,.cancelJob:disabled,.fileActions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.queueMore{flex-direction:column;align-items:stretch}}
:root{--ink:#17243d;--muted:#718096;--line:#dce7ee;--paper:#f5fbfe;--green:#3498db;--dark:#123a5a;--lime:#58cbf5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.side{background:var(--dark);color:#fff;flex-direction:column;height:100vh;padding:30px 20px 22px;display:flex;position:sticky;top:0}.brand,.user,.connected{align-items:center;gap:11px;display:flex}.brand{padding:0 8px 32px}.brand>b{background:var(--lime);color:#153c2d;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.brand span,.connected span,.user span,.file>span{flex-direction:column;display:flex}.brand small,.connected small{color:#8fa99f;margin-top:3px;font-size:10px}.side nav{gap:7px;display:grid}.side nav button{color:#9bb0a8;cursor:pointer;background:0 0;border:0;border-radius:10px;gap:12px;padding:12px 13px;font-weight:600;display:flex}.side nav em{background:#315045;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.connected{border-top:1px solid #2a443b;margin-top:auto;padding:20px 8px 0}.connected i{background:#70eaa9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #23483a}.connected strong{font-size:11px}.work{min-width:0}.work>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 42px;display:flex}.work header small{letter-spacing:.13em;color:#829087;font-size:9px}.work header h1{margin:4px 0 0;font-size:19px}.user>b{color:#26654e;background:#e7f0eb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.user strong{font-size:11px}.user small{margin-top:3px}.content{max-width:1220px;margin:auto;padding:40px}.intro{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.intro>div>small{color:var(--green);font-weight:800}.intro h2{letter-spacing:-.03em;margin:9px 0 8px;font:700 35px/1.1 Georgia,serif}.intro p,.title p,.queue p,.tip p{color:var(--muted);margin:0;font-size:11px}.steps{align-items:center;display:flex}.steps b{color:#60736a;background:#dbe5df;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.steps b:first-child{background:var(--green);color:#fff}.steps i{background:#cbd5cf;width:43px;height:1px}.columns{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:start;gap:22px;display:grid}.left,.right{gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px;box-shadow:0 4px 18px #1e372c08}.title{gap:14px;margin-bottom:20px;display:flex}.title>b{width:30px;height:30px;color:var(--green);background:#e9f4ee;border-radius:8px;place-items:center;font-size:10px;display:grid}.title h3,.queue h3{margin:1px 0 5px;font-size:14px}.drop{cursor:pointer;background:#fbfcfb;border:1.5px dashed #bdcac3;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:165px;display:flex}.drop input{display:none}.drop>b{width:37px;height:37px;color:var(--green);background:#e9f4ee;border-radius:10px;place-items:center;margin-bottom:9px;font-size:20px;display:grid}.drop strong{font-size:12px}.drop small{color:#8b9891;margin:6px 0 11px;font-size:9px}.drop em{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 13px;font-size:9px;font-style:normal;font-weight:700}.form{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form label{color:#637169;font-size:9px;font-weight:700}.form .wide{grid-column:1/-1}.form input,.form textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #dfe5e1;border-radius:8px;outline:none;margin-top:7px;padding:10px}.form textarea{resize:vertical;height:61px}.checks{border-top:1px solid #edf0ee;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:16px;display:flex}.checks label{color:#68756e;font-size:9px}.checks input{accent-color:var(--green)}.queue{padding:0;overflow:hidden}.queueTop{justify-content:space-between;padding:21px 21px 15px;display:flex}.queueTop button{color:#a35c55;cursor:pointer;background:0 0;border:0;font-size:9px}.files{border-block:1px solid #eff2f0;max-height:282px;overflow:auto}.file{border-bottom:1px solid #f0f2f1;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:11px 20px;display:grid}.file:last-child{border:0}.thumb{background:linear-gradient(145deg,#98ad9c,#324b3a);border-radius:7px;width:39px;height:39px}.thumb.t1{background:linear-gradient(145deg,#d9b678,#604c32)}.thumb.t2{background:linear-gradient(145deg,#9bbfc2,#36595b)}.thumb.t3{background:linear-gradient(145deg,#cab1a8,#654c43)}.file strong{font-size:9px}.file small{color:#8b9790;margin-top:4px;font-size:8px}.file>em{background:#f1f3f2;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal}.file>em.selesai{color:#26714e;background:#e8f5ed}.file>em.mengunggah{color:#9b6c10;background:#fff4d8}.empty{padding:45px;text-align:center!important}.sum{padding:15px 21px}.sum span{color:#7a867f;justify-content:space-between;margin-bottom:9px;font-size:9px;display:flex}.sum b{color:var(--ink)}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;width:calc(100% - 42px);margin:0 21px;padding:12px;font-size:10px;font-weight:700}.primary:disabled{opacity:.45}.safe{text-align:center!important;margin:12px 0 18px!important;font-size:8px!important}.progress{color:#66746c;padding:12px 21px 0;font-size:9px}.progress i{background:#e6ebe8;border-radius:9px;height:5px;margin-top:7px;display:block}.progress b{background:var(--green);border-radius:9px;width:12%;height:100%;display:block}.tip{background:#fffef4;border:1px solid #e4e5cf;border-radius:13px;gap:12px;padding:17px;display:flex}.tip>span{display:block}.tip strong{font-size:10px}.tip p{margin-top:5px;line-height:1.5}@media (max-width:900px){.shell{grid-template-columns:72px 1fr}.side{padding:26px 10px}.brand span,.side nav span,.connected span,.connected i{display:none}.brand{padding:0 7px 28px}.side nav button{justify-content:center;font-size:18px}.columns{grid-template-columns:1fr}.content{padding:28px 22px}}@media (max-width:600px){.shell{display:block}.side{flex-direction:row;height:auto;padding:10px 15px;position:static}.brand{margin-right:auto;padding:0}.side nav{display:flex}.connected{display:none}.work>header{padding:0 17px}.user span{display:none}.content{padding:23px 14px}.steps{display:none}.intro h2{font-size:28px}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.card{padding:18px}}.connect{width:100%;color:var(--green);cursor:pointer;background:#eef7f2;border:1px solid #cfe0d7;border-radius:9px;margin-top:12px;padding:10px;font-size:10px;font-weight:700}.bridgeStatus{color:#587064;background:#f2f6f3;border-radius:8px;margin:13px 21px 0;padding:10px;font-size:9px;line-height:1.4}.user button{color:#58675f;cursor:pointer;background:#f0f4f1;border:0;border-radius:7px;padding:7px 10px;font-size:9px}.auth-loading{min-height:100vh;color:var(--muted);place-items:center;font-size:12px;display:grid}.login-page{background:#fff;grid-template-columns:minmax(420px,.88fr) 1.12fr;min-height:100vh;display:grid}.login-panel{width:min(390px,100% - 50px);margin:auto}.login-brand{align-items:center;gap:11px;margin-bottom:70px;display:flex}.login-brand>b{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.login-brand span{flex-direction:column;display:flex}.login-brand strong{font-size:18px}.login-brand small{color:var(--muted);margin-top:3px;font-size:10px}.login-kicker{color:var(--green);letter-spacing:.15em;font-size:9px;font-weight:700}.login-panel h1{letter-spacing:-.03em;margin:10px 0;font:700 34px/1.12 Georgia,serif}.login-panel>p{color:var(--muted);font-size:12px;line-height:1.6}.login-panel form{gap:15px;margin-top:28px;display:grid}.login-panel label{color:#536159;font-size:10px;font-weight:700}.login-panel input{border:1px solid var(--line);width:100%;font:inherit;border-radius:9px;outline:none;margin-top:7px;padding:12px;display:block}.login-panel input:focus{border-color:#5c9a82;box-shadow:0 0 0 3px #e8f3ee}.login-panel form button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:5px;padding:13px;font-size:11px;font-weight:700}.login-panel form button:disabled{cursor:wait;opacity:.62}.login-panel :focus-visible{outline-offset:3px;outline:3px solid #81b8a1}.auth-feedback:empty{display:none}.login-error{color:#a34f46;background:#fff0ee;border-radius:8px;padding:10px;font-size:10px}.login-panel footer{color:#87938d;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:25px;font-size:9px;display:flex}.login-panel footer a{color:#37765d;font-weight:700;text-decoration:none}.login-panel footer a:hover{text-decoration:underline}.login-visual{color:#fff;background:radial-gradient(circle at 80% 20%,#416b55 0,#0000 32%),linear-gradient(145deg,#183c2e,#0d211a);border-radius:22px;flex-direction:column;justify-content:center;margin:18px;padding:clamp(45px,7vw,100px);display:flex}.login-visual>span{color:var(--lime);letter-spacing:.15em;font-size:9px;font-weight:700}.login-visual h2{letter-spacing:-.05em;margin:18px 0 22px;font:700 clamp(42px,5vw,72px)/.98 Georgia,serif}.login-visual>p{color:#a7bdb3;margin:0 0 50px;font-size:12px}.login-visual div{color:#c7d5cf;border-top:1px solid #416052;padding:16px 0;font-size:11px}.login-visual div b{color:var(--lime);margin-right:22px;font-size:9px}.service-unavailable{gap:14px;display:grid}.service-unavailable h1,.service-unavailable p{margin:0}.service-unavailable p{color:var(--muted);font-size:12px;line-height:1.65}.service-unavailable>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:13px;font-size:11px;font-weight:700}.service-unavailable>a{text-align:center;color:#37765d;font-size:10px;font-weight:700;text-decoration:none}.sessionSecurity{border-top:1px solid #edf0ee;gap:8px;margin-top:14px;padding-top:14px;display:grid}.sessionSecurity small{color:#65756e;font-size:9px;line-height:1.5}.sessionSummary{justify-content:space-between;align-items:center;gap:12px;display:flex}.sessionSummary strong{font-size:10px}.sessionItem{background:#fafcfb;border:1px solid #e4ebe7;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.sessionItem span{gap:3px;display:grid}.sessionItem b{font-size:10px}.sessionItem em{color:#68766f;background:#f0f3f1;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal}.sessionItem em.online{color:#26714e;background:#e8f5ed}.login-panel form .auth-text-button{color:#37765d;background:0 0;border:0;margin:0;padding:4px;font-size:10px}.login-panel form .auth-text-button:hover{text-decoration:underline}@media (max-width:760px){.login-page{padding:24px;display:block}.login-panel{padding:25px 0}.login-brand{margin-bottom:45px}.login-visual{display:none}}.pageAction{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 15px;font-size:10px;font-weight:700}.fullCard{padding:0;overflow:hidden}.files.large{max-height:520px}.emptyPage{text-align:center;padding:80px 25px}.emptyPage>b{width:52px;height:52px;color:var(--green);background:#e9f4ee;border-radius:15px;place-items:center;margin:0 auto 17px;font-size:22px;display:grid}.emptyPage h3{margin:0 0 9px;font:700 22px Georgia,serif}.emptyPage p{color:var(--muted);margin:0 auto 22px;font-size:11px}.settingsGrid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.settingRow{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.settingRow>span,.settingList label span{flex-direction:column;display:flex}.settingRow strong,.settingList strong{font-size:11px}.settingRow small,.settingList small{color:var(--muted);margin-top:5px;font-size:9px}.connect.compact{width:auto;margin:0;padding-inline:16px}.settingList{display:grid}.settingList label{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settingList label:last-child{border:0}.settingList input{accent-color:var(--green);width:17px;height:17px}@media (max-width:760px){.settingsGrid{grid-template-columns:1fr}.intro .pageAction{white-space:nowrap}}.shell,.side{transition:grid-template-columns .22s,width .22s}.brand{position:relative}.collapseButton{z-index:4;color:#b8cac2;cursor:pointer;background:#18342a;border:1px solid #385247;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;line-height:1;display:grid;position:absolute;top:7px;right:-32px}.side nav button i{text-align:center;width:18px;font-size:17px;font-style:normal}.side.collapsed{padding-inline:11px}.side.collapsed .brand{padding-inline:8px}.side.collapsed .brand span,.side.collapsed nav span,.side.collapsed nav em,.side.collapsed .connected span{display:none}.side.collapsed nav button{justify-content:center;padding-inline:10px}.side.collapsed .connected{justify-content:center;padding-inline:0}.side.collapsed .collapseButton{right:-34px}.side.collapsed nav button:hover:after{content:attr(title);color:#fff;white-space:nowrap;background:#173229;border-radius:7px;padding:7px 9px;font-size:9px;position:absolute;left:61px;box-shadow:0 5px 16px #0004}.side.collapsed nav button{position:relative}@media (max-width:900px){.collapseButton{display:none}.shell.sidebar-collapsed{grid-template-columns:72px 1fr}}.brand img{object-fit:contain;flex:none;width:42px;height:42px}.brand span{flex-direction:column;display:flex}.brand span em{color:#648277;letter-spacing:.06em;margin-top:5px;font-size:8px;font-style:normal}.login-brand img{object-fit:contain;width:48px;height:48px}.login-brand span em{color:#789087;letter-spacing:.04em;margin-top:5px;font-size:8px;font-style:normal}.side nav button.active{background:#255f8a}.side nav button{color:#bde5ee}.side nav em{background:#2b6f9e}.connected{border-top-color:#2c638a}.brand small,.connected small{color:#98b1dc}.collapseButton{color:#bde5ee;background:#1b4e73;border-color:#39749e}.login-visual{background:radial-gradient(circle at 80% 20%,#58cbf566 0,#0000 32%),linear-gradient(145deg,#255f8a,#123a5a)}.login-visual>span,.login-visual div b{color:#7bd3f7}.login-visual div{border-top-color:#39749e}.drop>b,.title>b,.emptyPage>b{background:#e1f4fd}.connect{background:#e1f4fd;border-color:#bde5ee}.connect:hover{background:#bae6fb}.bridgeStatus{color:#3d6e91;background:#eef8fd}.thumb{background:linear-gradient(145deg,#94d7f6,#255f8a)}.form input:focus,.form textarea:focus{border-color:#58b8e8;box-shadow:0 0 0 3px #e1f4fd}.brand span em,.login-brand span em{color:#98b1dc}.navLabel{color:#6f9db9;letter-spacing:.14em;padding:4px 13px 2px;font-size:8px;font-weight:700}.navLabel.second{margin-top:15px}.side.collapsed .navLabel{border-top:1px solid #2c638a;height:1px;margin:10px 8px;padding:0;font-size:0}.metricGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:20px;display:flex}.metric>span{color:#718096;letter-spacing:.1em;font-size:8px;font-weight:700}.metric>b{color:#255f8a;margin:12px 0 5px;font:700 31px Georgia,serif}.metric>b.metricStatus{font-size:24px}.metric>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.dashboardGrid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.quickActions{gap:9px;display:grid}.quickActions button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fbfdff;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.quickActions button:hover{background:#f2fbff;border-color:#94d7f6}.quickActions i{color:#3498db;background:#e1f4fd;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;font-style:normal;display:grid}.quickActions span,.activity span,.deviceList span{flex-direction:column;display:flex}.quickActions strong,.activity strong,.deviceList strong{font-size:10px}.quickActions small,.activity small,.deviceList small{color:var(--muted);margin-top:4px;font-size:9px}.activity{display:grid}.activity>div{border-bottom:1px solid #edf2f5;gap:11px;padding:14px 0;display:flex}.activity>div:last-child{border:0}.activity i{background:#94d7f6;border-radius:50%;width:9px;height:9px;margin-top:3px;box-shadow:0 0 0 4px #e1f4fd}.activity i.ok{background:#58cbf5}.deviceList{display:grid}.deviceList>div{border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.deviceList>div:last-child{border:0}.deviceList em{color:#65758b;background:#f1f5f8;border-radius:99px;padding:5px 8px;font-size:8px;font-style:normal}.deviceList em.online{color:#1871a8;background:#e1f4fd}.deviceList button{color:#267fb7;cursor:pointer;background:#e1f4fd;border:0;border-radius:7px;padding:6px 9px;font-size:8px}.backupText{color:var(--muted)!important;margin:0 0 17px!important;font-size:10px!important;line-height:1.6!important}@media (max-width:850px){.metricGrid,.dashboardGrid{grid-template-columns:1fr}.metricGrid{gap:10px}}.side{width:236px;height:100vh;color:var(--ink);border-right:1px solid var(--line);z-index:20;background:#fff;padding:25px 18px 18px;position:fixed}.brand{gap:12px;padding:0 8px 23px}.brand strong{letter-spacing:.02em;font-size:18px}.brand small{letter-spacing:.16em;font-size:8px;font-weight:800;color:#8795a0!important}.contextCard>small{letter-spacing:.13em;color:#98a4ad;font-size:8px;font-weight:800}.contextCard button{color:#31485b;text-align:left;background:#f5f9fb;border:1px solid #e1e9ee;border-radius:9px;width:100%;margin-top:8px;padding:10px 11px;font-size:10px;font-weight:700}.contextCard button b{float:right;color:#8496a4}.side nav{gap:5px;margin-top:3px}.side nav button{color:#687a87;border-radius:10px;gap:13px;padding:11px 13px;font-size:11px}.side nav button.active{color:#2589c8;background:#e8f6fd}.side nav button.active:before{content:"";background:#3498db;border-radius:3px;width:3px;height:22px;position:absolute;left:-18px}.side nav em{color:#267fb7;background:#dff3fd;place-items:center;width:20px;height:20px;padding:0;display:grid}.navLabel{color:#98a4ad}.sidebarBottom{margin-top:auto}.miniActions{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:11px;display:flex}.miniActions button{color:#7a8a95;background:0 0;border:0;flex:1;font-size:13px}.connected{border:0;margin:0 0 12px;padding:0 5px}.connected strong{color:#526776}.connected small{color:#8c9aa4!important}.connected i{background:#58cbf5;box-shadow:0 0 0 4px #e1f4fd}.sideUser{align-items:center;gap:10px;display:flex}.sideUser>b{color:#2589c8;background:#e1f4fd;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;display:grid}.sideUser>span{flex-direction:column;min-width:0;display:flex}.sideUser strong{font-size:11px}.sideUser small{color:#8a99a3;margin-top:3px;font-size:8px}.sideUser>button{color:#94a2ab;background:0 0;border:0;margin-left:auto;font-size:15px}.work>header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffdf;height:82px;padding:0 34px;position:sticky;top:0}.work header>div:first-child small{color:#8998a2;letter-spacing:.08em;font-size:9px}.work header h1{font-size:18px}.headerActions{align-items:center;gap:9px;display:flex}.modeSwitch{background:#eef3f6;border-radius:9px;margin-right:5px;padding:3px;display:flex}.modeSwitch button{color:#7d8d97;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:9px;font-weight:700}.modeSwitch button.on{color:#2589c8;background:#fff;box-shadow:0 2px 7px #17231e12}.headerIcon{border:1px solid var(--line);color:#627783;background:#fff;border-radius:9px;width:34px;height:34px;position:relative}.headerIcon i{background:#af75bc;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.headerDate{border-left:1px solid var(--line);align-items:center;gap:6px;margin-left:5px;padding-left:14px;display:flex}.headerDate b{color:#27465b;font-size:22px}.headerDate small{color:#8797a2;width:46px;font-size:8px;font-weight:800;line-height:10px}.content{max-width:1500px;padding:30px 34px 45px}.intro h2,.emptyPage h3,.metric>b{font-family:var(--font-geist-sans),Arial,sans-serif}.intro h2{letter-spacing:-.025em;font-size:30px}.card,.metric{box-shadow:0 4px 16px #18384b08}.collapseButton{border-color:var(--line);color:#70838f;background:#fff;right:-31px;box-shadow:0 3px 10px #16384a14}.side.collapsed{background:#fff;width:76px}.side.collapsed .contextCard,.side.collapsed .sidebarBottom span,.side.collapsed .miniActions,.side.collapsed .navLabel{display:none}.side.collapsed .sideUser{justify-content:center}.side.collapsed .sideUser>button{display:none}.side.collapsed .connected{justify-content:center}.side.collapsed nav button:hover:after{background:#255f8a}@media (max-width:900px){.shell{grid-template-columns:72px 1fr}.side{width:72px;padding:24px 10px}.contextCard,.sidebarBottom span,.miniActions,.navLabel{display:none}.sideUser{justify-content:center}.sideUser>button{display:none}.work>header{padding:0 22px}.content{padding:28px 22px}}@media (max-width:600px){.shell{display:block}.side{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:10px 15px;position:static}.side nav{display:flex}.side nav button.active:before,.sidebarBottom,.contextCard{display:none}.work{grid-column:auto}.work>header{top:0}.headerDate{display:none}}.whatIsFotoflow{background:linear-gradient(135deg,#f6fcff,#edf8fd);border:1px solid #cfe8f4;border-radius:16px;margin-bottom:22px;padding:26px}.whatIntro>small{letter-spacing:.14em;color:#2589c8;font-size:8px;font-weight:800}.whatIntro h3{letter-spacing:-.02em;margin:8px 0 9px;font-size:24px}.whatIntro p{max-width:920px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.simpleFlow{background:#fff;border:1px solid #dcecf4;border-radius:11px;align-items:center;gap:8px;margin:22px 0;padding:14px;display:flex;overflow-x:auto}.simpleFlow span{text-align:center;color:#28546d;flex:1;min-width:120px;font-size:9px;font-weight:800}.simpleFlow i{color:#58b8e8;font-size:16px;font-style:normal}.whatGrid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.whatGrid article{background:#fff;border:1px solid #dcecf4;border-radius:12px;padding:17px}.whatGrid b{color:#27465b;font-size:11px}.whatGrid p{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.65}.whatGrid button{color:#267fb7;cursor:pointer;background:#e1f4fd;border:0;border-radius:8px;margin-top:12px;padding:8px 11px;font-size:9px;font-weight:700}.helpLayout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:22px;display:grid}.helpSide{gap:22px;display:grid}.helpStep{border-bottom:1px solid #edf2f5;grid-template-columns:36px 1fr;gap:12px;padding:15px 0;display:grid}.helpStep:last-child{border-bottom:0}.helpStep>b{color:#2589c8;background:#e1f4fd;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.helpStep span{display:block}.helpStep strong{font-size:10px}.helpStep p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.55}.helpChecklist{margin:4px 0 0;padding-left:18px}.helpChecklist li{color:var(--muted);padding:5px 0;font-size:9px;line-height:1.5}@media (max-width:980px){.whatGrid,.helpLayout{grid-template-columns:1fr}}@media (max-width:680px){.whatIsFotoflow{padding:20px}.simpleFlow{flex-direction:column;align-items:stretch}.simpleFlow i{align-self:center;transform:rotate(90deg)}.simpleFlow span{min-width:0}.whatIntro h3{font-size:21px}}.shell{grid-template-columns:256px 1fr}.side{width:256px;padding:0 18px 18px}.brand{border-bottom:1px solid var(--line);flex:none;height:82px;margin:0;padding:0 8px}.brand img{width:44px;height:44px}.brand strong{font-size:18px}.brand small{margin-top:3px}.collapseButton{width:24px;height:24px;top:29px;right:-31px}.collapseButton svg{width:14px;height:14px}.contextCard{border-top:0;padding:16px 6px 14px}.contextCard button{grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:9px;display:grid}.contextCard button svg{color:#5f7c8e;width:16px;height:16px}.contextCard button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side nav button{white-space:nowrap;min-height:43px;font-size:11px}.side nav button i{place-items:center;width:20px;height:20px;display:grid}.side nav button i svg{stroke-width:2px;width:18px;height:18px}.side nav button span{text-overflow:ellipsis;overflow:hidden}.side nav button.active:before{left:-18px}.navLabel{padding-left:13px}.miniActions{gap:5px}.miniActions button{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:9px;display:flex}.miniActions button:hover{background:#f1f7fa}.miniActions svg{width:14px;height:14px}.sideUser>button{place-items:center;width:30px;height:30px;display:grid}.sideUser>button svg{width:15px;height:15px}.modeSwitch button{align-items:center;gap:5px;display:flex}.modeSwitch button svg{width:13px;height:13px}.headerIcon{place-items:center;display:grid}.headerIcon>svg{width:16px;height:16px}.shell.sidebar-collapsed{grid-template-columns:76px 1fr}.side.collapsed{width:76px;padding:0 11px 18px}.side.collapsed .brand{border-bottom:1px solid var(--line);justify-content:center;height:82px;padding:0}.side.collapsed .brand img{width:42px;height:42px}.side.collapsed .brand span,.side.collapsed .contextCard,.side.collapsed .navLabel,.side.collapsed nav span,.side.collapsed nav em,.side.collapsed .sidebarBottom{display:none}.side.collapsed nav{margin-top:15px}.side.collapsed nav button{justify-content:center;width:44px;height:44px;min-height:44px;margin:0 auto;padding:0}.side.collapsed .collapseButton{display:grid;right:-24px}.side.collapsed nav button.active:before{left:-11px}.work>header{height:82px}.work{grid-column:2}@media (max-width:900px){.shell{grid-template-columns:76px 1fr}.side{width:76px;padding:0 11px 18px}.side .brand{justify-content:center;height:82px;padding:0}.side .brand img{width:42px;height:42px}.side .brand span,.side .contextCard,.side .navLabel,.side nav span,.side nav em,.side .sidebarBottom{display:none}.side nav{margin-top:15px}.side nav button{justify-content:center;width:44px;height:44px;min-height:44px;margin:auto;padding:0}.work{grid-column:2}}@media (max-width:600px){.shell{display:block}.side{width:100%;height:auto;padding:0 14px 10px;position:static}.side .brand{border:0;justify-content:flex-start;height:64px}.side .brand span{display:flex}.side .brand img{width:38px;height:38px}.side nav{justify-content:space-between;margin:0}.side nav button{width:42px;height:42px}.work{grid-column:auto}.work>header{height:68px}}
.locationField{display:block}.fieldLabelRow{justify-content:space-between;align-items:center;display:flex}.fieldLabelRow select{color:#526776;background:0 0;border:0;outline:none;padding:0;font-size:9px;font-weight:800}.fieldLabelRow small{color:#8b99a3;font-size:8px;font-weight:600}.locationField>em{color:#7e909b;margin-top:6px;font-size:8px;font-style:normal;font-weight:500;line-height:1.45;display:block}.locationPicker{position:relative}.locationPicker>input{width:100%}.locationSuggestions{z-index:30;background:#fff;border:1px solid #cfe1eb;border-radius:9px;max-height:190px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 12px 30px #1c415729}.locationSuggestions button{color:#294352;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;width:100%;padding:9px 10px;font-size:10px;line-height:1.35;display:block}.locationSuggestions button:hover,.locationSuggestions button:focus-visible{color:#0879bd;background:#e9f7fe;outline:none}.locationField>em.locationValid{color:#218357;font-weight:700}.photoThumb{object-fit:cover;background:#e1f4fd;border:1px solid #d6e8f1;border-radius:8px;width:44px;height:44px;display:block}.photoThumb.fallback{color:#3498db;place-items:center;display:grid}.photoThumb.fallback svg{width:18px;height:18px}.files.large .photoThumb{border-radius:9px;width:52px;height:52px}.files.large .file{grid-template-columns:52px minmax(0,1fr) auto}.queueTop .clearQueue{color:#b44955;background:#fff4f5;border:1px solid #f3d9dd;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-weight:700;display:flex}.queueTop .clearQueue svg{width:13px;height:13px}.fileActions{align-items:center;gap:7px;display:flex}.fileActions>em{background:#f1f3f2;border-radius:99px;padding:4px 7px;font-size:8px;font-style:normal}.fileActions>em.selesai{color:#26714e;background:#e8f5ed}.fileActions>em.mengunggah{color:#9b6c10;background:#fff4d8}.fileActions>button{color:#9aa6ad;opacity:.55;background:#fff;border:1px solid #e6ebee;border-radius:7px;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.file:hover .fileActions>button,.fileActions>button:focus-visible{opacity:1}.fileActions>button:hover{color:#b44955;background:#fff5f6;border-color:#efcfd4}.fileActions>button svg{width:13px;height:13px}.workflow{background:#fff;border:1px solid #dce7ee;border-radius:14px;grid-template-columns:minmax(145px,1fr) 24px minmax(145px,1fr) 24px minmax(145px,1fr) 24px minmax(145px,1fr);align-items:center;margin:-8px 0 24px;padding:14px;display:grid}.workflow>div{color:#8997a1;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.workflow>div.active{color:#365a70;background:#f0f9fe}.workflow>div>b{color:#71838f;background:#e8eef2;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.workflow>div.active>b{color:#fff;background:#3498db}.workflow>div.done>b{color:#fff;background:#20a46b}.workflow>div span{flex-direction:column;min-width:0;display:flex}.workflow>div strong{font-size:10px}.workflow>div small{color:#82939e;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.workflow>i{background:#dce7ee;height:1px}.connect.connectPrimary{color:#fff;background:#3498db;border-color:#3498db;margin-top:0;padding:12px}.localBadge{color:#267fb7;background:#edf8fd;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.localBadge svg{width:13px;height:13px}@media (max-width:1050px){.workflow{grid-template-columns:1fr 1fr;gap:7px}.workflow>i{display:none}}@media (max-width:650px){.workflow{grid-template-columns:1fr}.localBadge{display:none}}.login-notice{color:#315f78;background:#f1faff;border:1px solid #cde7f4;border-radius:9px;flex-direction:column;gap:4px;margin-top:16px;padding:11px 12px;display:flex}.login-notice span{font-size:9px;line-height:1.5}.auth-switch{background:#edf3f6;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;display:grid}.auth-switch button{color:#70828d;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px;font-size:10px;font-weight:700}.auth-switch button.active{color:#267fb7;background:#fff;box-shadow:0 1px 5px #2049601f}.securityPromise{color:#436554;background:#f3fbf7;border:1px solid #c9e8d9;border-radius:9px;gap:5px;margin-top:12px;padding:12px;display:grid}.securityPromise strong{color:#237350;font-size:10px}.securityPromise span,.securityPromise small{font-size:8px;line-height:1.5}.securityPromise small{color:#6b8075}.disconnectButton{color:#ae4652;cursor:pointer;background:#fff5f6;border:1px solid #efcfd4;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-size:9px;font-weight:700}.disconnectButton:hover{background:#ffedef}.login-success{color:#237350;background:#edf9f2;border-radius:8px;padding:10px;font-size:10px;line-height:1.5}.helpLayout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:22px;display:grid}.helpSteps{padding-bottom:10px}.helpStep{border-top:1px solid #edf2f5;grid-template-columns:38px 1fr;gap:13px;padding:16px 0;display:grid}.helpStep>b{color:#2689c6;background:#e8f6fd;border-radius:9px;place-items:center;width:32px;height:32px;font-size:9px;display:grid}.helpStep span{display:block}.helpStep strong{color:#294352;font-size:11px}.helpStep p{color:#70828d;margin:5px 0 0;font-size:9px;line-height:1.6}.helpSide{gap:22px;display:grid}.helpChecklist{color:#607581;gap:10px;margin:0;padding-left:18px;font-size:9px;line-height:1.5;display:grid}.helpChecklist li::marker{color:#3498db;font-weight:700}.helpPrivacy p{color:#657985;font-size:9px;line-height:1.65}.helpPrivacy button{color:#267fb7;cursor:pointer;background:#edf8fd;border:1px solid #bfe0ef;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:9px;font-weight:700}@media (max-width:900px){.helpLayout{grid-template-columns:1fr}}.whatIsFotoflow{color:#fff;background:linear-gradient(135deg,#123a5a,#255f8a);border-radius:16px;margin-bottom:22px;padding:24px}.whatIsFotoflow>div:first-child{max-width:790px}.whatIsFotoflow small{letter-spacing:.14em;color:#8ed9fa;font-size:8px;font-weight:800}.whatIsFotoflow h3{margin:8px 0;font-size:20px}.whatIsFotoflow p{color:#d1e6f0;margin:0;font-size:10px;line-height:1.65}.whatGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px;display:grid}.whatGrid span{background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;flex-direction:column;padding:13px;display:flex}.whatGrid small{color:#c8dce6;letter-spacing:0;margin-top:6px;font-size:8px;font-weight:400;line-height:1.55}@media (max-width:760px){.whatGrid{grid-template-columns:1fr}}.shell{grid-template-columns:272px minmax(0,1fr)}.side{width:272px;padding-inline:20px}.side nav{scrollbar-width:thin;min-height:0;overflow-y:auto}.side nav button{width:100%;min-width:0}.side nav button span{text-align:left;flex:1;display:block}.side nav button i{flex:0 0 20px}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.side.collapsed{width:76px;padding-inline:11px}.side.collapsed nav button span{display:none}@media (max-width:900px) and (min-width:651px){.shell{grid-template-columns:230px minmax(0,1fr)}.side{width:230px;padding-inline:14px}.side .brand{justify-content:flex-start}.side .brand span,.side .navLabel,.side nav span,.side nav em,.side .sidebarBottom span{display:flex}.side .contextCard{display:block}.side nav{margin-top:3px}.side nav button{justify-content:flex-start;width:100%;height:auto;min-height:40px;margin:0;padding:9px 10px}.side .sidebarBottom{display:block}.side .miniActions{display:flex}.side .collapseButton{display:grid}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.side.collapsed{width:76px}.side.collapsed .brand span,.side.collapsed .contextCard,.side.collapsed .navLabel,.side.collapsed nav span,.side.collapsed nav em,.side.collapsed .sidebarBottom{display:none}.side.collapsed nav{margin-top:15px}.side.collapsed nav button{justify-content:center;width:44px;height:44px;min-height:44px;margin:auto;padding:0}}@media (max-width:650px){.shell,.shell.sidebar-collapsed{display:block}.side,.side.collapsed{width:100%;height:auto;padding:0 14px 14px;position:static}.side .brand,.side.collapsed .brand{border:0;justify-content:flex-start;height:64px;padding:0}.side .brand span,.side.collapsed .brand span{display:flex}.side .collapseButton,.side .contextCard,.side .sidebarBottom,.side .navLabel,.side.collapsed .contextCard,.side.collapsed .sidebarBottom,.side.collapsed .navLabel{display:none}.side nav,.side.collapsed nav{grid-template-columns:1fr 1fr;gap:5px;margin:0;display:grid}.side nav button,.side.collapsed nav button{justify-content:flex-start;width:100%;height:auto;min-height:40px;margin:0;padding:9px 10px}.side nav button span,.side.collapsed nav button span{text-align:left;flex:1;display:block}.side nav button i,.side.collapsed nav button i{flex:0 0 20px}.work{grid-column:auto}}body{font-size:14px;line-height:1.5}.side nav button{min-height:46px;font-size:13px;line-height:1.35}.side nav button i svg{width:19px;height:19px}.navLabel,.contextCard>small{font-size:10px;line-height:1.4}.contextCard button{font-size:12px}.brand small{font-size:10px!important}.sideUser strong,.connected strong{font-size:12px}.sideUser small,.connected small{line-height:1.4;font-size:10px!important}.miniActions button{font-size:11px}.work header h1{font-size:20px}.work header small,.intro>div>small,.login-kicker{font-size:11px;line-height:1.4}.intro p,.title p,.queue p,.tip p{font-size:13px;line-height:1.55}.title h3,.queue h3{font-size:16px}.title>b{font-size:11px}.card{font-size:13px}.form label{font-size:12px;line-height:1.4}.form input,.form textarea,.form select{font-size:13px;line-height:1.45}.fieldLabelRow select{font-size:12px}.fieldLabelRow small,.locationField>em,.form label>small.dateOk,.form label>small.dateError{font-size:11px}.formNote,.bridgeStatus,.safe,.progress{line-height:1.55;font-size:11px!important}.drop strong{font-size:14px}.drop small,.drop em{font-size:11px}.file strong{font-size:12px}.file small,.fileActions>em{font-size:10px}.queueTop .clearQueue,.primary,.connect,.nextBatch,.disconnectButton,.pageAction{font-size:12px;line-height:1.4}.sum span{font-size:11px}.verifiedData>strong,.handoffCheck>strong{font-size:12px}.verifiedData>span,.handoffCheck,.handoffCheck small{font-size:11px}.deviceList strong,.quickActions strong,.activity strong{font-size:12px}.deviceList small,.quickActions small,.activity small,.settingRow small,.settingList small,.backupText{line-height:1.5;font-size:11px!important}.deviceList em,.deviceList button,.metric>span{font-size:10px}.metric>small{font-size:11px}.helpStep strong{font-size:13px}.helpStep p,.helpChecklist,.helpPrivacy p,.whatIsFotoflow p{font-size:12px}.whatIsFotoflow small{font-size:10px}.whatGrid b{font-size:12px}.whatGrid small,.privacyNote,.userTableRow,.userTableRow time{font-size:11px}.userTableRow b{font-size:12px}.userTableRow small,.userTableRow em,.userTableHead{font-size:10px}.securityPromise strong{font-size:12px}.securityPromise span,.securityPromise small{font-size:11px}.login-notice strong{font-size:12px}.login-notice span,.login-panel footer{font-size:11px}.auth-switch button,.login-panel label,.login-error,.login-success{font-size:12px}.verifiedData{background:#f2fbf6;border:1px solid #bfe4d2;border-radius:9px;gap:7px;margin:10px 21px 0;padding:12px;display:grid}.verifiedData>strong{color:#218357;margin-bottom:2px;font-size:9px}.verifiedData>span{color:#6d7f77;justify-content:space-between;gap:12px;font-size:8px;display:flex}.verifiedData b{color:#29493a;text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:62%;overflow:hidden}.handoffCheck{color:#745b2a;background:#fffaf0;border:1px solid #f1d7a6;border-radius:9px;margin:10px 21px 0;padding:12px;font-size:9px;line-height:1.45}.handoffCheck>strong{color:#5b451d;margin-bottom:4px;display:block}.handoffCheck p{margin:0}.handoffCheck label{cursor:pointer;border-top:1px solid #f1dfba;align-items:flex-start;gap:8px;margin-top:9px;padding-top:9px;font-weight:700;display:flex}.handoffCheck input{accent-color:#267fb7;margin-top:1px}.handoffCheck small{color:#6d7f77;margin-top:8px;display:block}.formNote{color:#71838f;border-top:1px solid #edf2f5;margin:17px 0 0;padding-top:14px;font-size:9px;line-height:1.5}.form label>small.dateOk,.form label>small.dateError{margin-top:5px;font-size:8px;font-weight:600;display:block}.form label>small.dateOk{color:#218357}.form label>small.dateError{color:#b44955}.nextBatch{color:#267fb7;cursor:pointer;background:#edf8fd;border:1px solid #b9dceb;border-radius:8px;width:calc(100% - 42px);margin:10px 21px 0;padding:10px;font-size:9px;font-weight:700}.nextBatch:disabled{cursor:not-allowed;opacity:.5}.userTable{display:grid}.userTableHead,.userTableRow{border-top:1px solid #edf2f5;grid-template-columns:minmax(190px,1.25fr) 110px minmax(210px,1fr) 95px;align-items:center;gap:16px;padding:13px 21px;display:grid}.userTableHead{color:#788995;letter-spacing:.08em;text-transform:uppercase;background:#f7fafc;font-size:8px;font-weight:800}.userTableRow{font-size:9px}.userTableRow>span{flex-direction:column;min-width:0;display:flex}.userTableRow b{color:#294352;font-size:10px}.userTableRow small{color:#7b8c96;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.userTableRow em{color:#59717e;background:#eef4f7;border-radius:99px;justify-self:start;padding:5px 8px;font-size:8px;font-style:normal}.userTableRow time{color:#6f818c;font-size:9px}.userTableRow .connectedText{color:#218357}.privacyNote{color:#6b7e89;background:#f7fbfd;border-top:1px solid #e7eef2;margin:0;padding:14px 21px;font-size:9px;line-height:1.5}@media (max-width:760px){.userTableHead{display:none}.userTableRow{grid-template-columns:1fr auto}.userTableRow>span:nth-child(3){grid-column:1/-1}.userTableRow time{justify-self:end}}
.login-links{gap:12px;display:flex}.legal-page{background:#f3f7f4;min-height:100vh;padding:clamp(20px,5vw,64px)}.legal-page article{background:#fff;border:1px solid #dce7e1;border-radius:22px;max-width:760px;margin:auto;padding:clamp(28px,6vw,68px);box-shadow:0 20px 60px #12352812}.legal-brand{color:#173f30;align-items:center;gap:12px;margin-bottom:56px;text-decoration:none;display:flex}.legal-brand img{object-fit:contain;width:48px;height:48px}.legal-brand span{flex-direction:column;display:flex}.legal-brand strong{font-size:18px}.legal-brand small{color:#74847d}.legal-kicker{color:#2f8061;letter-spacing:.16em;font-weight:800}.legal-page h1{letter-spacing:-.04em;color:#17342a;margin:12px 0;font:700 clamp(34px,6vw,54px)/1.05 Georgia,serif}.legal-date{color:#7b8983;margin-bottom:36px;font-size:12px}.legal-page h2{color:#173f30;margin:34px 0 9px;font:700 21px/1.25 Georgia,serif}.legal-page p{color:#52625b;font-size:14px;line-height:1.8}.legal-page a{color:#287457}.legal-page nav{border-top:1px solid #e1e9e5;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:24px;display:flex}.legal-page nav a{border:1px solid #bdd2c8;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none}.status-page{background:#f3f7f4;min-height:100vh;padding:clamp(20px,5vw,64px)}.status-card{background:#fff;border:1px solid #dce7e1;border-radius:22px;max-width:760px;margin:auto;padding:clamp(28px,6vw,68px);box-shadow:0 20px 60px #12352812}.status-card h1{letter-spacing:-.04em;color:#17342a;margin:12px 0;font:700 clamp(34px,6vw,54px)/1.05 Georgia,serif}.status-lead{color:#65756e;margin:0 0 30px;line-height:1.7}.status-list{border:1px solid #dfe8e3;border-radius:14px;display:grid;overflow:hidden}.status-row{border-bottom:1px solid #e8eeeb;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.status-row:last-child{border:0}.status-row i{background:#96a49d;border-radius:50%;width:10px;height:10px}.status-row.ready i{background:#39a66f;box-shadow:0 0 0 4px #e0f3e9}.status-row.warning i{background:#d49b30;box-shadow:0 0 0 4px #fff1d5}.status-row.offline i{background:#c56057;box-shadow:0 0 0 4px #fae6e3}.status-row span{gap:4px;display:grid}.status-row strong{color:#17342a;font-size:13px}.status-row p{color:#728079;margin:0;font-size:11px;line-height:1.55}.status-row em{color:#66766e;background:#eff4f1;border-radius:99px;padding:6px 9px;font-size:9px;font-style:normal;font-weight:800}.status-actions{gap:12px;margin-top:22px;display:flex}.status-actions button,.status-actions a{cursor:pointer;border:1px solid #bdd2c8;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:800;text-decoration:none}.status-actions button{color:#fff;background:#2f8061;border-color:#2f8061}.status-actions a{color:#287457}.status-time{color:#87948e;margin-top:12px;display:block}.status-note{background:#f3f8f5;border-radius:12px;margin-top:30px;padding:18px}.status-note strong{font-size:12px}.status-note p{color:#687970;margin:7px 0 0;font-size:11px;line-height:1.65}@media (max-width:560px){.status-row{grid-template-columns:12px 1fr}.status-row em{grid-column:2;justify-self:start}.status-actions{display:grid}}