:root{--ink:#17324d;--muted:#6f7f8f;--blue:#176b87;--soft:#e8f3f5;--line:#dbe5e8;--paper:#fff;--bg:#f2f6f6;--green:#247a66}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.hidden{display:none!important}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:auto;padding:0 18px 110px}.topbar{height:88px;display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--blue);color:#fff;font-weight:800;font-size:19px;box-shadow:0 5px 15px #176b8730}.brand-mark.large{width:58px;height:58px;margin:0 auto 22px;border-radius:18px;font-size:25px}.topbar h1{margin:1px 0 0;font-size:21px}.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800}.avatar{margin-left:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);font-weight:800}.summary{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin-bottom:14px;border-radius:19px;background:linear-gradient(135deg,#143d59,#176b87);color:#fff;box-shadow:0 10px 30px #133f5b20}.summary span{display:block;opacity:.72;font-size:11px}.summary strong{display:block;margin-top:4px;font-size:13px}.summary .count{padding-left:18px;border-left:1px solid #ffffff35;text-align:center}.summary .count strong{margin:0;font-size:24px}.panel,.login-card{background:var(--paper);border:1px solid #e2eaec;border-radius:24px;padding:22px 18px;box-shadow:0 8px 30px #17324d0b}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}.section-heading h2{margin:5px 0 0;font-size:27px}.live-dot{padding:7px 10px;border-radius:99px;background:#edf7f2;color:var(--green);font-size:11px;font-weight:800}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label,legend{display:block;color:#385063;font-size:12px;font-weight:800}label input,label textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;background:#fbfdfd;color:var(--ink);padding:12px}label input{height:49px}label textarea{min-height:76px;resize:vertical}fieldset{margin:23px 0 0;padding:0;border:0}legend small{color:#93a0aa;margin-left:7px;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{min-height:43px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:#f9fbfb;color:#395368;font-size:13px;font-weight:700}.chip.selected{border-color:var(--blue);background:var(--soft);color:#075d79;box-shadow:inset 0 0 0 1px var(--blue)}.other-input{width:100%;height:48px;margin-top:10px;padding:0 13px;border:1px solid var(--line);border-radius:13px}.notice{margin:18px 0 0;padding:11px 13px;border-radius:11px;background:#fff4e4;color:#8d5611;font-size:12px;font-weight:700}.notice.success{background:#edf7f2;color:var(--green)}.save-button{width:100%;min-height:54px;margin-top:22px;border:0;border-radius:15px;background:var(--blue);color:#fff;font-weight:800;box-shadow:0 8px 20px #176b8735}.save-button:disabled{opacity:.5}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:14px;transform:translateX(-50%);width:calc(100% - 32px);max-width:488px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px;border:1px solid var(--line);border-radius:20px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 10px 30px #17324d22}.bottom-nav button{height:57px;border:0;border-radius:15px;background:transparent;color:#7a8994;font-size:11px;font-weight:800}.bottom-nav span{display:block;font-size:21px}.bottom-nav .active{background:var(--soft);color:var(--blue)}.export-menu{display:flex;gap:6px}.export-menu a{padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--blue);text-decoration:none;font-size:11px;font-weight:800}.history-list{display:grid;gap:10px}.event-card{display:grid;grid-template-columns:47px 1fr 48px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f2}.event-date{text-align:center;padding:8px 4px;border-radius:12px;background:var(--soft);color:var(--blue)}.event-date span,.event-date small{display:block}.event-date span{font-size:18px;font-weight:900}.event-date small{text-transform:uppercase;font-size:9px;font-weight:800}.event-info>div{display:flex;justify-content:space-between;gap:8px}.event-info strong{font-size:13px}.event-info time{color:var(--blue);font-size:12px;font-weight:800}.event-info p{margin:5px 0;color:#536a7b;font-size:12px}.event-info small{color:#98a4ad;font-size:10px}.event-actions{display:flex}.event-actions button{border:0;background:transparent;color:#8b9aa5;font-size:20px}.empty-state{padding:50px 10px;text-align:center;color:var(--muted)}.empty-state strong,.empty-state span{display:block}.empty-state span{margin-top:6px;font-size:12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:410px;padding:34px 26px}.login-card{text-align:left}.login-card>.eyebrow,.login-card>h1,.login-copy{text-align:center}.login-card h1{margin:7px 0 8px;font-size:29px}.login-copy{margin:0 0 27px;color:var(--muted);font-size:14px;line-height:1.5}.login-card label+label{margin-top:16px}dialog{width:calc(100% - 30px);max-width:460px;border:0;border-radius:22px;padding:0;box-shadow:0 20px 70px #17324d45}dialog::backdrop{background:#132b3d99;backdrop-filter:blur(3px)}dialog form{padding:22px}dialog label{margin-top:15px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;font-size:27px;color:var(--muted)}@media(max-width:360px){.datetime-grid{grid-template-columns:1fr}.chip{padding:9px 11px}}@media(min-width:700px){.app-shell{padding-top:18px}}