:root{--navy:#071923;--navy2:#0c2632;--sea:#0b6570;--aqua:#1ec6b2;--gold:#efb74f;--paper:#f3f5f4;--ink:#17303a;--muted:#70838a;--danger:#d85b58;--line:#dce4e3}*{box-sizing:border-box}html{background:var(--navy);scroll-behavior:smooth}body{margin:0;background:#dfe6e4;color:#fff;font-family:Inter,Arial,sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{width:min(780px,100%);min-height:100vh;margin:auto;background:var(--navy);box-shadow:0 0 60px #00151c38;overflow:hidden}.topbar{height:78px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--navy)}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;text-align:left}.brand>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff2a;border-radius:50%;font-size:24px}.brand b{font:700 20px Georgia,serif}.brand small{display:block;margin-top:3px;color:#8da7af;font:7px Arial;letter-spacing:1.8px}.topbar>div{display:flex;gap:7px}.icon-button{width:40px;height:40px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff08;color:#e9f2ef;font-size:18px}.view{display:none}.view.active{display:block}.sea-hero{min-height:365px;padding:4px 20px 25px;background:radial-gradient(circle at 50% 25%,#0e5363 0,#0a303d 35%,var(--navy) 72%)}.weather-line{display:flex;justify-content:space-between;align-items:center;color:#adc2c7;font-size:10px}.status{padding:7px 10px;border-radius:99px;background:#ffffff0c}.status.on{color:#5be0a3}.status.off{color:#ff8680}.radar{position:relative;display:grid;place-items:center;width:205px;height:205px;margin:17px auto 7px;border:0;border-radius:50%;background:repeating-radial-gradient(circle,#123945 0 1px,transparent 2px 32px),conic-gradient(from 0deg,#1fc9b519,transparent 34%,#ffffff05);box-shadow:inset 0 0 40px #0008,0 0 35px #1dc5b221}.radar:after{content:"";position:absolute;width:86%;height:1px;background:#43d7c22f;transform:rotate(-25deg)}.radar i{position:absolute;border:1px solid #43d7c22c;border-radius:50%}.radar i:nth-child(1){inset:20px}.radar i:nth-child(2){inset:48px}.radar i:nth-child(3){inset:76px}.radar span{position:relative;z-index:2;display:grid;place-items:center;width:68px;height:68px;border:5px solid #ffffff18;border-radius:50%;background:linear-gradient(145deg,#36d2c1,#0b7a7c);font-size:33px;box-shadow:0 5px 20px #0008}.hero-summary{text-align:center}.hero-summary small{color:#78a3a9;font-size:8px;letter-spacing:2px}.hero-summary h1{margin:5px 0 4px;font:600 30px Georgia,serif}.hero-summary p{margin:0;color:#91aab0;font-size:10px}.module-area,.page{min-height:calc(100vh - 78px);padding:25px 18px 90px;border-radius:27px 27px 0 0;background:var(--paper);color:var(--ink)}.section-heading span,.page-title small{color:#b17b25;font-size:8px;font-weight:800;letter-spacing:1.8px}.section-heading h2{margin:5px 0 17px;font:600 25px Georgia,serif}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid button{min-height:132px;padding:14px 8px;border:1px solid #dbe3e1;border-radius:8px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 17px #1139440c}.module-grid button:active{transform:scale(.98)}.module-grid i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:12px;background:#eff4f3;font-size:21px;font-style:normal}.module-grid b{font:600 13px Georgia,serif}.module-grid small{margin-top:5px;color:#839398;font-size:8px}.orange{color:#e38e31!important}.blue{color:#4788d7!important}.green{color:#31a978!important}.red{color:#d65d58!important}.purple{color:#8265c9!important}.cyan{color:#14aeb3!important}.gold{color:#d49b26!important}.sky{color:#55a8ce!important}.gray{color:#6f8188!important}.page{border-radius:0}.page-title{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin-bottom:22px}.page-title>button{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:700}.page-title h1{margin:3px 0 0;font:600 27px Georgia,serif}.page-title input{width:128px}.page-title.floating{position:absolute;z-index:500;top:92px;left:16px;right:16px;margin:0;padding:10px;border-radius:16px;background:#ffffffed;box-shadow:0 8px 25px #001a2340}.calendar-tools{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;margin-bottom:14px}.calendar-tools button{height:38px;border:0;border-radius:10px;background:#e7edeb}.calendar-tools h2{text-align:center;font:600 20px Georgia,serif}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{margin-bottom:7px;text-align:center;color:#809097;font-size:9px}.calendar .day{position:relative;aspect-ratio:1/1;min-height:70px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-weight:700}.calendar .day.other{opacity:.35}.calendar .day.has{border-color:#53bd8a;background:#ddf5e8}.calendar .day.full{border-color:#188856;background:#188856;color:#fff}.calendar .day.today:after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.calendar .day small{display:block;margin-top:5px;font-size:8px;font-weight:500}.legend{color:#75888e;font-size:9px}.legend i{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:3px;background:#188856}.legend .partial{background:#ddf5e8}.legend .empty{border:1px solid var(--line);background:#fff}.search{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:#fff}.search input{width:100%;padding:13px 0;border:0;outline:0}.list{display:grid;gap:9px}.list-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#e2f1ed;color:#0b7368;font-weight:800}.list-item>div:nth-child(2){min-width:0;flex:1}.list-item b,.list-item small{display:block}.list-item b{font-size:12px}.list-item small{margin-top:4px;color:#7c8d92;font-size:9px}.item-actions{display:flex;gap:5px}.item-actions button,.item-actions a{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:0;border-radius:9px;background:#edf2f1;color:#30525a;text-decoration:none;font-size:11px}.item-actions .whatsapp{background:#dcf7e7;color:#16874b}.item-actions .delete{background:#fbe5e3;color:#bc4b48}.compact .list-item{padding:10px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px}.stat-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.stat-card small{display:block;color:#7a8c91;font-size:8px;text-transform:uppercase}.stat-card b{display:block;margin-top:7px;font-size:20px}.stat-card.good b{color:#188856}.stat-card.bad b{color:#c74f4c}.panel{margin-bottom:14px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff}.panel h3{margin:0 0 14px;font:600 18px Georgia,serif}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title button{border:0;border-radius:9px;background:#e2f1ed;color:#116d61;padding:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{display:grid;gap:6px;color:#536970;font-size:9px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.date-input,.page-title input{width:100%;padding:11px;border:1px solid #d5dfdd;border-radius:10px;background:#f9fbfa;color:var(--ink);outline:0}.form-grid textarea{min-height:70px;resize:vertical}.form-grid .full{grid-column:1/-1}.primary{width:100%;padding:12px;border:0;border-radius:11px;background:linear-gradient(120deg,#08776e,#10a28f);color:#fff;font-weight:800}.danger{width:100%;padding:12px;border:0;border-radius:11px;background:#f7dfdd;color:#ae4946;font-weight:800}.switch{display:flex!important;align-items:center;gap:10px}.switch input{display:none}.switch span{position:relative;width:43px;height:24px;border-radius:99px;background:#c8d3d0}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#20ad82}.switch input:checked+span:after{transform:translateX(19px)}.expense-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.expense-buttons button{padding:12px 7px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:10px}.date-input{margin-bottom:3px}.map-page{position:relative;padding:0;overflow:hidden}.map{height:calc(100vh - 78px);min-height:600px;background:#d9e3e0}.map-card{position:absolute;z-index:500;left:16px;right:16px;bottom:18px;padding:14px;border-radius:16px;background:#071923e8;color:#fff;box-shadow:0 8px 28px #001a2355}.map-card span,.map-card b,.map-card small{display:block}.map-card span{color:#57d4bd;font-size:9px}.map-card b{margin:5px 0}.map-card small{color:#91a8ae}.spot-drawer{position:absolute;z-index:500;left:12px;right:12px;bottom:12px;display:flex;gap:8px;overflow-x:auto}.spot-card{min-width:220px;padding:13px;border-radius:14px;background:#fff;box-shadow:0 7px 25px #001a2340}.spot-card b,.spot-card small{display:block}.spot-card small{margin-top:4px;color:#73868c;font-size:9px}.spot-card div{display:flex;gap:6px;margin-top:10px}.spot-card a,.spot-card button{flex:1;padding:8px;border:0;border-radius:8px;background:#e4f2ef;color:#0b7166;text-align:center;text-decoration:none;font-size:9px}.weather-card{text-align:center;padding:30px 18px;margin-bottom:14px;border-radius:20px;background:linear-gradient(145deg,#0b5262,#071923);color:#fff}.weather-icon{font-size:70px;color:#54d0ca}.weather-card h2{font:600 25px Georgia,serif}.weather-card p{color:#a8c1c6;font-size:10px;line-height:1.6}.disclaimer{padding:12px;border-radius:11px;background:#f6ecd8;color:#786a4b;font-size:9px;line-height:1.5}.upload{display:grid;padding:16px;border:1px dashed #aac1bb;border-radius:12px;background:#f3f7f5}.upload input{margin-top:8px}dialog{width:min(560px,calc(100% - 24px));max-height:90vh;padding:18px;border:0;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #00151c99}dialog::backdrop{background:#00151caa;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{margin:3px 0;font:600 23px Georgia,serif}.dialog-head small{color:#a47730;font-size:9px}.dialog-head button{width:36px;height:36px;border:0;border-radius:50%;background:#e4eae8;font-size:21px}.toast{position:fixed;z-index:1000;left:50%;bottom:25px;transform:translate(-50%,25px);max-width:calc(100% - 30px);padding:11px 16px;border-radius:12px;background:#071923;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 10%,#0f6170,var(--navy) 55%)}.login-card{width:min(390px,100%);padding:30px;border:1px solid #ffffff19;border-radius:25px;background:#ffffffed;color:var(--ink);box-shadow:0 25px 80px #0008}.login-logo{display:grid;place-items:center;width:65px;height:65px;margin:auto;border-radius:50%;background:#0a746f;color:#fff;font-size:32px}.login-card>small{display:block;margin-top:15px;text-align:center;color:#a47730;font-size:8px;letter-spacing:2px}.login-card h1{text-align:center;font:600 30px Georgia,serif}.login-card label{display:grid;gap:6px;margin:11px 0;color:#536970;font-size:9px;font-weight:700}.login-card input{padding:12px;border:1px solid var(--line);border-radius:10px}.login-card p{min-height:15px;color:#c04f4b;text-align:center;font-size:10px}
@media(max-width:600px){body{padding-top:env(safe-area-inset-top)}.topbar{height:72px}.sea-hero{min-height:345px}.radar{width:188px;height:188px}.module-grid{gap:7px}.module-grid button{min-height:112px;padding:10px 5px}.module-grid i{width:37px;height:37px;margin-bottom:8px}.module-grid b{font-size:11px}.module-grid small{font-size:7px}.page,.module-area{padding-inline:13px}.calendar{gap:4px}.calendar .day{min-height:54px;border-radius:9px;font-size:11px}.calendar .day small{font-size:7px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.expense-buttons{grid-template-columns:repeat(2,1fr)}.page-title h1{font-size:22px}.page-title{grid-template-columns:40px 1fr auto}.page-title input{width:115px;font-size:10px}}
@media(min-width:781px){body{padding:22px}.app{border-radius:28px;min-height:calc(100vh - 44px)}.login-screen{min-height:100vh}}
@media(display-mode:standalone){#installButton{display:none}}
.quick-check{margin:-2px 0 15px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.quick-check>b{display:block;margin-bottom:9px;font:600 15px Georgia,serif}.quick-check>div{display:flex;gap:6px;overflow-x:auto}.quick-check label{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border-radius:9px;background:#edf3f1;color:#60757b;font-size:9px}.quick-check input{display:none}.quick-check label:has(input:checked){background:#d8f4e6;color:#11724f}.quick-check span{display:grid;place-items:center;width:17px;height:17px;border:1px solid #aec2bc;border-radius:5px;color:transparent}.quick-check input:checked+span{border-color:#18a06f;background:#18a06f;color:#fff}.month-report{grid-template-columns:repeat(5,1fr);margin:0}.month-report .stat-card{padding:10px}.month-report .stat-card b{font-size:13px}.permission-box{padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.permission-box>b{display:block;margin-bottom:8px;font-size:10px}.permission-box>div{display:grid;gap:6px}.permission-box label{display:flex;align-items:center;gap:7px;font-size:10px}.permission-box input{width:auto}.route-info{margin-top:7px!important;color:#0c8174!important;font-weight:700}
.windy-panel{padding:12px;overflow:hidden}.windy-panel .panel-title{padding:2px 3px 12px}.windy-panel .panel-title h3{margin:0}.windy-panel .panel-title a{padding:8px 10px;border-radius:9px;background:#e2f1ed;color:#116d61;text-decoration:none;font-size:10px;font-weight:700}#windyFrame{display:block;width:100%;height:600px;border:0;border-radius:13px;overflow:hidden;background:#dce7e5}.windy-fallback{margin:10px 3px 0;color:#b24f4b;font-size:9px}@media(max-width:600px){#windyFrame{height:520px}.windy-panel{padding:8px}.windy-panel .panel-title h3{font-size:16px}}
.history-button{margin-top:11px;padding:8px 12px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff12;color:#fff;font-size:10px;font-weight:700}.history-dialog{width:min(680px,calc(100% - 24px))}.history-filter{margin-bottom:8px}.history-hint{margin:8px 0 12px;color:#71858b;font-size:9px}.history-map{height:285px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#d9e3e0;overflow:hidden}.history-list{display:grid;gap:8px;max-height:280px;overflow:auto}.history-record{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.history-record b,.history-record small{display:block}.history-record b{font-size:11px}.history-record small{margin-top:4px;color:#74878d;font-size:9px}.history-record>button,.history-note button{padding:7px 9px;border:0;border-radius:8px;background:#e2f1ed;color:#116d61;font-size:9px;font-weight:700}.history-note{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px}.history-note input{width:100%;min-width:0;padding:9px;border:1px solid #d5dfdd;border-radius:9px;background:#f9fbfa;color:var(--ink);font-size:10px}.history-record>p{grid-column:1/-1;margin:0;color:#536970;font-size:10px}@media(max-width:600px){.history-dialog{padding:14px}.history-map{height:235px}.history-list{max-height:240px}}
.spot-drawer{left:52px;right:52px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:auto;scrollbar-color:#0b6570 #ffffffaa}.spot-drawer::-webkit-scrollbar{height:9px}.spot-drawer::-webkit-scrollbar-track{border-radius:9px;background:#ffffffbb}.spot-drawer::-webkit-scrollbar-thumb{border-radius:9px;background:#0b6570}.spot-card{scroll-snap-align:start}.spot-nav{position:absolute;z-index:550;bottom:72px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;background:#071923e8;color:#fff;font-size:25px;line-height:1;box-shadow:0 5px 18px #00151c66}.spot-nav-prev{left:9px}.spot-nav-next{right:9px}.spot-nav:disabled{opacity:.32;cursor:default}@media(max-width:600px){.spot-drawer{left:45px;right:45px}.spot-nav{bottom:70px;width:34px;height:34px}.spot-nav-prev{left:6px}.spot-nav-next{right:6px}}