:root{--ink:#193842;--muted:#677e83;--teal:#0f7775;--sea:#50d4be;--bg:#f5f7f6;--border:#e2ebe9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:11px 15px;background:var(--teal);color:white;font-weight:650;transition:filter .15s,transform .12s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #58d8c3;outline-offset:2px}button.subtle-btn{background:#ecf4f3;color:#1e6061}button.text-action{padding:6px 4px;background:transparent;color:#267678;font-size:12px}.app-header{background:#103e4a;color:white;padding:16px 20px}.header-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:13px}.brand h1{font-size:22px;letter-spacing:-.65px;margin:0}.brand p{color:#bbd5d8;font-size:12px;margin:2px 0 0}.network-badge{font-size:11px;border:1px solid #ffffff48;padding:7px 10px;border-radius:999px;color:#d4efec}.network-badge.offline{color:#fbe4b1;border-color:#c5a45e}main{max-width:1100px;margin:0 auto;padding:20px 20px 10px}.hero{position:relative;overflow:hidden;min-height:248px;background:linear-gradient(125deg,#123f4a 4%,#125d60 66%,#197b70 100%);color:white;border-radius:23px;display:grid;grid-template-columns:1fr 245px;align-items:center;gap:35px;padding:31px 37px;box-shadow:0 16px 35px #164d4b18}.hero:before{content:"";position:absolute;right:14%;top:-150px;width:430px;height:430px;border-radius:50%;border:1px solid #ffffff21;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff05;pointer-events:none}.hero-copy,.hero-next{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.15em;color:#a4e2d9;font-weight:800}.hero h2{font-size:clamp(27px,4.3vw,44px);letter-spacing:-1.5px;line-height:1.06;margin:11px 0}.hero h2 span{color:#85ead7}.hero p{color:#c7e4e3;font-size:14px;line-height:1.55;max-width:510px;margin:0 0 20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-light{background:#83ebd6;color:#123f4a}.outline-light{background:#ffffff14;border:1px solid #ffffff69;color:white}.hero-next{background:#ffffff17;border:1px solid #ffffff48;border-radius:18px;padding:23px 22px;display:flex;flex-direction:column;backdrop-filter:blur(5px)}.hero-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#bce8e3}.hero-next strong{font-size:30px;letter-spacing:-1px;margin:10px 0 6px}.hero-next>span:nth-of-type(2){font-size:14px;font-weight:700;overflow-wrap:anywhere}.hero-next small{color:#bce4e1;font-size:11px;margin-top:9px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 20px}.toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-pill{background:#dcf2ea;color:#1e735e;font-size:11px;border-radius:999px;padding:7px 10px;font-weight:750}.subtle-text{font-size:11px;color:#72898b}.info-panel{background:#e6f3f0;border:1px solid #c1ded9;border-radius:15px;padding:16px 18px;margin-bottom:18px;font-size:13px;line-height:1.55}.info-panel p{margin:8px 0 0}.info-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat,.panel,.alerts-panel{background:white;border:1px solid var(--border);border-radius:18px;box-shadow:0 3px 16px #194a4b07}.stat{padding:17px 20px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:800;margin-bottom:10px}.stat-total{background:#e3eff3;color:#225d74}.stat-ok{background:#e2f5eb;color:#238456}.stat-soon{background:#fff3d7;color:#9d6a00}.stat-late{background:#fee8e4;color:#c04439}.stat strong{font-size:30px;letter-spacing:-.7px;line-height:1.1}.stat small{font-size:12px;color:var(--muted);margin-top:5px}.alerts-panel{padding:22px 24px;margin-bottom:18px}.alerts-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-kicker{color:#448a86;font-size:10px;letter-spacing:.12em;font-weight:800;margin:0 0 6px}.alerts-heading h2,.section-heading h2{font-size:19px;letter-spacing:-.45px;margin:0}.subtitle{font-size:12px;line-height:1.5;color:#688085;margin:6px 0 0}.count{font-size:12px;padding:4px 8px;border-radius:9px;background:#e5f1ef;color:#246c68;vertical-align:middle;margin-left:4px}.calendar-all{background:#eff6f4;color:#236d66;font-size:12px;white-space:nowrap}.alert-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.alert{background:#f7faf9;border:1px solid #e2eeeb;border-radius:12px;padding:12px 13px;display:flex;gap:9px;align-items:flex-start}.alert-dot{flex:none;width:9px;height:9px;border-radius:50%;background:#d5a029;margin-top:5px}.alert-dot.late{background:#d25143}.alert-dot.urgent{background:#d99d13}.alert strong{display:block;font-size:12px;overflow-wrap:anywhere}.alert p{font-size:11px;color:#627b7d;margin:4px 0 0}.alerts-empty{grid-column:1/-1;background:#f2f8f5;border:1px dashed #cfe4dd;border-radius:12px;padding:16px;color:#44776e;font-size:13px}.calendar-hint{color:#76888a;font-size:11px;line-height:1.55;margin:13px 0 0}.columns{display:grid;grid-template-columns:minmax(265px,355px) 1fr;gap:17px;align-items:start}.panel{padding:21px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-mark{color:#b0c4c2;font-size:12px;font-weight:800}.field{margin-bottom:15px}label{display:block;font-size:12px;font-weight:750;margin:0 0 6px}input,select,textarea{width:100%;border:1px solid #cbd9d8;border-radius:11px;padding:11px 12px;color:#1b3c42;background:white}textarea{resize:vertical;min-height:83px}input::placeholder,textarea::placeholder{color:#8a9d9d}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:#f0f6f5;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:flex-start;margin-top:18px}.notice span{color:#4a8e88;font-size:20px}.notice p{color:#5f797b;font-size:11px;line-height:1.5;margin:0}.filters{display:flex;gap:9px;margin-bottom:12px}.filters input{flex:1;min-width:0}.filters select{max-width:138px}.item{border:1px solid #e3eeeb;border-radius:14px;padding:15px;margin-bottom:10px;background:#fff}.item .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.item h3{font-size:14px;margin:0 0 4px;overflow-wrap:anywhere}.item p{font-size:12px;line-height:1.5;color:#6c8083;margin:0;overflow-wrap:anywhere}.item-notes{margin-top:8px!important}.pill{font-size:10px;font-weight:800;border-radius:100px;padding:6px 9px;white-space:nowrap}.pill.late{color:#ad3c2c;background:#fde5e1}.pill.soon{color:#8b6400;background:#fff0c8}.pill.ok{color:#28784a;background:#e4f6eb}.item-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.item-actions button{font-size:11px;padding:8px 10px}.item-actions .delete{background:#fff0ee;color:#ae4b40}.empty{border:1px dashed #bfd3ce;border-radius:13px;padding:27px 15px;text-align:center;color:#718588;font-size:13px}.record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.record-actions button{font-size:11px;padding:9px 11px}.small-help{font-size:11px;color:#74878a;line-height:1.55;margin:11px 0 0}.privacy-note{margin-top:18px;background:#eef4f3;border:1px solid #e1ece9;padding:16px 20px;border-radius:14px}.privacy-note strong{color:#315f61;font-size:12px}.privacy-note p{font-size:11px;color:#6c8284;line-height:1.55;margin:5px 0 0}footer{max-width:1100px;margin:0 auto;padding:20px 20px 35px;color:#819296;font-size:11px}.toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#153e46;color:#fff;border-radius:11px;padding:12px 18px;max-width:calc(100vw - 30px);box-shadow:0 9px 27px #08252e35;text-align:center;z-index:30;font-size:13px}[hidden]{display:none!important}@media(max-width:850px){.columns{grid-template-columns:1fr}.alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 210px;padding:28px}}@media(max-width:630px){.app-header{padding:14px}.header-inner{gap:8px}.network-badge{font-size:10px;padding:6px 8px}.brand h1{font-size:20px}main{padding:13px 12px 8px}.hero{grid-template-columns:1fr;min-height:0;padding:24px 22px;border-radius:19px;gap:16px}.hero h2{font-size:34px}.hero p{font-size:12px;margin-bottom:18px}.hero-next{padding:14px 16px}.hero-next strong{font-size:23px;margin:5px 0}.toolbar{align-items:flex-start;margin-bottom:16px}.subtle-text{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:14px}.stat strong{font-size:28px}.alerts-panel,.panel{padding:17px}.alerts-heading{align-items:flex-start;flex-direction:column}.alert-list{grid-template-columns:1fr}.calendar-all{width:100%}.filters select{max-width:120px}.item .top{gap:8px}}@media(max-width:370px){.item .top{flex-direction:column}.filters{flex-direction:column}.filters select{max-width:none}.hero-actions{flex-direction:column}.hero-actions button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}