*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface: rgba(255,255,255,.55);--surface-2: rgba(255,255,255,.72);--border: rgba(255,255,255,.6);--border-bright: rgba(255,255,255,.85);--text: #0f172a;--text-2: #334155;--muted: #64748b;--blur: blur(28px) saturate(180%);--accent: #4f46e5;--accent-bg: rgba(79,70,229,.1);--green: #059669;--green-bg: rgba(5,150,105,.1);--green-border: rgba(5,150,105,.3);--red: #dc2626;--red-bg: rgba(220,38,38,.08);--red-border: rgba(220,38,38,.25);--amber: #b45309;--amber-bg: rgba(180,83,9,.08);--radius-sm: 8px;--radius: 16px;--radius-lg: 22px;--shadow: 0 4px 24px rgba(99,102,241,.1), 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 8px 40px rgba(99,102,241,.15), 0 2px 8px rgba(0,0,0,.08)}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;background:#e8eaf6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 60% at 15% 10%,rgba(165,180,252,.7) 0%,transparent 60%),radial-gradient(ellipse 55% 50% at 85% 80%,rgba(251,113,133,.45) 0%,transparent 60%),radial-gradient(ellipse 50% 55% at 78% 12%,rgba(103,232,249,.45) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 30% 90%,rgba(196,181,253,.5) 0%,transparent 55%),#dde1f5}.app{min-height:100vh}.app-main{padding:20px 16px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto}.app-main--import{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.glass{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border)}.import-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - 40px);padding:24px 0 48px;gap:24px}.import-brand{display:flex;align-items:center;gap:8px}.import-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 8px #dc262666}.import-brand-name{font-size:15px;font-weight:600;color:var(--text-2);letter-spacing:.04em}.import-card{background:#ffffff8c;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:36px 28px 32px;width:100%;max-width:400px;box-shadow:var(--shadow-md),inset 0 1px #ffffff26;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:border-color .2s,box-shadow .2s}.import-card.drag{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px #818cf840,inset 0 1px #ffffff26}.import-icon-wrap{width:68px;height:68px;background:#ffffff14;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text-2);border:1px solid var(--border);margin-bottom:4px}.import-title{font-size:21px;font-weight:700;color:var(--text);letter-spacing:-.4px}.import-desc{font-size:14px;color:var(--muted);line-height:1.6;max-width:300px}.import-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;background:#ffffff8c;border:1.5px dashed rgba(79,70,229,.3);border-radius:var(--radius);color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;margin-top:4px}.import-drop-zone:active,.import-drop-zone:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.import-hint{font-size:12px;color:var(--muted)}.import-privacy{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#ffffff73;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(5,150,105,.3);border-radius:14px;color:var(--green);font-size:12.5px;font-weight:500;line-height:1.6;text-align:left}.loading-bar{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-bar p{font-size:14px;color:var(--text-2);font-weight:500}.error-item{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.summary-strip{display:flex;gap:10px}.summary-chip{flex:1;background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow),inset 0 1px #ffffff14}.chip-number{font-size:26px;font-weight:700;line-height:1;color:var(--text)}.summary-chip.warn .chip-number{color:var(--red)}.chip-label{font-size:12px;color:var(--muted);margin-top:4px;font-weight:500}.summary-chip.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.summary-chip.clickable:active,.summary-chip.clickable.active{background:var(--accent-bg);border-color:var(--accent)}.records-panel{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);animation:panelIn .18s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes panelOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.records-panel.closing{animation:panelOut .28s ease-in forwards}@keyframes rowOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-8px)}}.records-panel.closing .record-row{animation:rowOut .22s ease-in both}.record-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(0,0,0,.05);animation:rowIn .2s ease both}.record-row:last-child{border-bottom:none}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.record-row-icon{width:32px;height:32px;background:#4f46e514;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.record-row-info{flex:1;display:flex;flex-direction:column;gap:2px}.record-row-date{font-size:14px;font-weight:600;color:var(--text)}.record-row-count{font-size:12px;color:var(--muted)}.record-row-del{background:none;border:none;cursor:pointer;color:var(--muted);padding:7px;border-radius:8px;display:flex;align-items:center;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.record-row-del:active{background:var(--red-bg);color:var(--red)}.chart-group{position:relative;display:flex;flex-direction:column;gap:10px}.group-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:10px 0;background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;cursor:pointer;width:100%;text-align:left;-webkit-tap-highlight-color:transparent}.group-accent-bar{width:3px;height:14px;border-radius:2px;flex-shrink:0}.group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);white-space:nowrap}.group-divider-line{flex:1;height:1px;background:#0000001a;border-radius:1px}.group-warn-badge{background:#dc26261a;color:var(--red);border:1px solid var(--red-border);font-size:10px;font-weight:700;border-radius:8px;padding:2px 6px;flex-shrink:0}.group-ok-badge{color:var(--green);font-size:12px;font-weight:700;flex-shrink:0}.group-chevron{color:var(--muted);display:flex;align-items:center;flex-shrink:0;opacity:.6}.charts-grid{display:grid;grid-template-columns:1fr;gap:10px}.all-normal-card{display:flex;align-items:center;gap:10px;background:var(--green-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--green-border);border-radius:var(--radius);padding:16px 18px;font-size:15px;font-weight:600;color:var(--green)}.all-normal-icon{font-size:18px;font-weight:700}.chart-card{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow),inset 0 1px #ffffff1a}.chart-card.out-of-range{border-color:var(--red-border)}.chart-card.out-of-range .card-top{background:#dc26260a}.chart-card.priority-primary{background:#ffffffad;border-color:#fffc;box-shadow:0 6px 32px #6366f121,0 2px 8px #00000012,inset 0 1px #fffffff2}.chart-card.priority-primary .card-value{font-size:36px}.chart-card.priority-primary .card-title{font-size:12px}.chart-card.priority-minor{background:#ffffff61;border-color:#ffffff80;box-shadow:0 2px 10px #0000000a,inset 0 1px #ffffffb3}.chart-card.priority-minor .card-value{font-size:22px}.chart-card.priority-minor .card-top{padding:10px 14px 8px}.chart-card.priority-minor .card-title{font-size:10px}.card-top{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.status-badge{font-size:11px;font-weight:600;border-radius:6px;padding:3px 8px}.status-badge.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.status-badge.high{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.status-badge.low{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,.3)}.card-value-row{display:flex;align-items:baseline;gap:7px}.card-value{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1;color:var(--text)}.card-unit{font-size:13px;color:var(--muted);font-weight:500}.card-meta{display:flex;align-items:center;gap:8px;margin-top:5px}.card-date{font-size:12px;color:var(--muted)}.trend{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600}.trend svg{width:12px;height:12px}.trend.up{color:var(--red)}.trend.down{color:var(--green)}.trend.stable{color:var(--muted)}.card-body{padding:6px 4px 4px}.chart-tooltip{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:12px;padding:10px 14px;font-size:13px;color:var(--text);box-shadow:var(--shadow-md);min-width:130px}.tt-date{color:var(--muted);font-size:11px;margin-bottom:5px}.tt-value{font-size:18px;font-weight:700;line-height:1}.tt-value.ok{color:var(--green)}.tt-value.high{color:var(--red)}.tt-value.low{color:var(--amber)}.tt-range{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.4}.fab-upload{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));right:20px;z-index:200;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:#ffffff73;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #6366f133,0 2px 8px #00000014,inset 0 1px #ffffffe6;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.fab-upload:active{transform:scale(.92);box-shadow:0 4px 16px #6366f126}@media(min-width:540px){.charts-grid{grid-template-columns:1fr 1fr}.chart-card.priority-primary{grid-column:1 / -1}.app-main{padding-left:20px;padding-right:20px}}@media(min-width:720px){.app-main{padding-left:24px;padding-right:24px}}