@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}:root{--bg: #F0F2F6;--surface: #FFFFFF;--surface-2: #F4F6FA;--surface-hover: #F8FAFC;--hairline: rgba(15, 23, 42, .07);--hairline-strong: rgba(15, 23, 42, .14);--ink: #0B1220;--ink-2: #1A2332;--ink-3: #3D4F63;--ink-4: #5C6F82;--ink-5: #8FA3B8;--accent: #C0392B;--accent-2: #A93226;--accent-soft: rgba(192, 57, 43, .08);--accent-soft-2: rgba(192, 57, 43, .14);--accent-ring: rgba(192, 57, 43, .2);--navy: #1E3A5C;--navy-2: #162D47;--navy-3: #0F2035;--navy-soft: rgba(30, 58, 92, .07);--navy-glow: rgba(30, 58, 92, .12);--teal: #2A9D8F;--teal-soft: rgba(42, 157, 143, .1);--gold: #E8A838;--gold-soft: rgba(232, 168, 56, .12);--success: #059669;--success-soft: rgba(5, 150, 105, .1);--warning: #D97706;--warning-soft: rgba(217, 119, 6, .1);--error: #DC2626;--error-soft: rgba(220, 38, 38, .08);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--r-1: 6px;--r-2: 8px;--r-3: 10px;--r-4: 14px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .04);--shadow-2: 0 4px 16px rgba(15, 23, 42, .08);--shadow-3: 0 24px 60px rgba(15, 23, 42, .18);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}.app{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--accent-soft-2);color:var(--ink)}.sdis-logo{display:block;object-fit:contain;object-position:left center;flex-shrink:0}.sdis-logo-mark{object-position:center}.screen-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-6);position:relative;overflow:hidden;isolation:isolate}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 0%,#1f4a6e 0%,transparent 55%),linear-gradient(180deg,var(--navy-3) 0%,#07182d 100%);z-index:-1}.login-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,black 20%,transparent 78%);mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,black 20%,transparent 78%)}.login-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:loginPulse 9s ease-in-out infinite alternate}.login-glow-1{width:480px;height:480px;top:-120px;left:-120px;background:#c0392b59;animation-delay:-3s}.login-glow-2{width:520px;height:520px;bottom:-160px;right:-160px;background:#2a9d8f4d}@keyframes loginPulse{0%{transform:translate(0) scale(1);opacity:.35}to{transform:translate(40px,-30px) scale(1.15);opacity:.65}}.login-card{position:relative;z-index:1;background:var(--surface);border:1px solid rgba(255,255,255,.04);border-radius:24px;padding:var(--s-9) var(--s-8) var(--s-8);max-width:400px;width:100%;text-align:center;box-shadow:0 1px #fff9 inset,0 24px 60px #07182d8c,0 4px 16px #07182d59;animation:loginCardIn .5s cubic-bezier(.25,.8,.25,1)}@keyframes loginCardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card .sdis-logo{display:block;margin:0 auto}.login-tag{margin-top:var(--s-4);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:var(--s-7)}.login-tag-error{color:var(--accent)}.login-error-msg{font-size:13.5px;color:var(--ink-3);line-height:1.55;margin-bottom:var(--s-6)}.btn-microsoft{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);width:100%;background:var(--ink);color:#fff;padding:14px var(--s-5);border-radius:14px;font-size:14px;font-weight:600;letter-spacing:-.005em;position:relative;overflow:hidden;transition:transform .08s cubic-bezier(.25,.8,.25,1),box-shadow .2s;box-shadow:0 1px 2px #0003,0 4px 12px #0b122040}.btn-microsoft:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.btn-microsoft:hover{background:#1a2332;transform:translateY(-1px);box-shadow:0 1px 2px #0003,0 8px 24px #0b122059}.btn-microsoft:active{transform:translateY(0)}.btn-microsoft svg{flex-shrink:0}.login-card .btn-secondary{width:100%;justify-content:center}.login-attribution{position:relative;z-index:1;margin-top:var(--s-7);font-size:11.5px;font-weight:500;color:#ffffff59;letter-spacing:.04em}.login-attribution a{color:#ffffffa6;text-decoration:none;font-weight:500;transition:color .15s}.login-attribution a:hover{color:#fff}.error-card{border-color:#c0392b40}.app-header{background:var(--surface);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);background:#ffffffeb}.header-inner{max-width:1080px;margin:0 auto;padding:0 var(--s-6);height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.header-right{display:flex;align-items:center;gap:var(--s-3);min-width:0}.header-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0;border-radius:var(--r-2);transition:opacity .15s,transform .15s}.header-brand:hover{opacity:.82}.header-brand:active{transform:scale(.97)}.section-tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px;margin-bottom:var(--s-5)}.section-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px var(--s-4);border-radius:8px;color:var(--ink-3);font-size:13.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;transition:color .15s,background .15s,box-shadow .18s}.section-tab:hover{color:var(--ink);background:#ffffffa6}.section-tab.active{color:var(--ink);font-weight:600;background:var(--surface);box-shadow:0 1px 2px #0f172a0f,0 0 0 1px var(--hairline)}.section-tab-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-5);transition:color .15s,transform .15s}.section-tab:hover .section-tab-icon{color:var(--ink-3)}.section-tab.active .section-tab-icon{color:var(--accent);transform:scale(1.05)}.user-chip{display:flex;align-items:center;gap:var(--s-2);padding:4px 10px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--hairline);max-width:220px}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.user-name{font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-pill{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--accent-2);background:var(--accent-soft);padding:3px 8px;border-radius:999px;text-transform:uppercase}.btn-logout{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink-3);padding:7px var(--s-3);border-radius:var(--r-2);border:1px solid var(--hairline-strong);background:var(--surface);transition:color .15s,background .15s,border-color .15s}.btn-logout:hover{color:var(--ink);background:var(--surface-2);border-color:var(--ink-5)}.btn-logout span{display:inline}main{flex:1;max-width:1080px;width:100%;margin:var(--s-7) auto var(--s-9);padding:0 var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}.app-footer{background:var(--navy-3);border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.footer-inner{max-width:1080px;margin:0 auto;padding:var(--s-6) var(--s-6) var(--s-7);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:var(--s-2)}.footer-brand .sdis-logo{opacity:.92}.footer-tagline{font-size:12px;color:#fff6;font-style:italic}.footer-meta{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;font-size:12px;color:#ffffff73}.footer-meta a{color:#ffffffb3;text-decoration:none;font-weight:500;transition:color .15s}.footer-meta a:hover{color:var(--accent)}.footer-sep{opacity:.4}.page-intro{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--s-4);margin-bottom:var(--s-4);border-bottom:1px solid var(--hairline)}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.022em;line-height:1.15}.page-subtitle{font-size:13.5px;color:var(--ink-3);line-height:1.55;max-width:62ch;font-weight:400}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:var(--s-7);box-shadow:var(--shadow-1)}.card h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-bottom:var(--s-4);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s-2)}.card-section-head{margin-bottom:var(--s-4)}.card-section-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.card-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.25}.card-subtitle{font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-2)}.tab-group{display:flex;gap:2px;margin-bottom:var(--s-5);background:var(--surface-2);border-radius:var(--r-3);padding:3px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px var(--s-3);border-radius:7px;color:var(--ink-4);font-size:13px;font-weight:500;transition:color .15s,background .15s}.tab svg{width:14px;height:14px}.tab:hover{color:var(--ink-2)}.tab.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--hairline),0 1px 2px #0f172a0a}.folder-select-wrap{display:flex;flex-direction:column;gap:var(--s-2)}.folder-select-wrap label{font-size:13px;font-weight:500;color:var(--ink-2)}.optional{font-weight:400;color:var(--ink-5)}.folder-select-wrap input{width:100%;padding:10px var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-2);background:var(--surface);color:var(--ink);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.folder-select-wrap input::placeholder{color:var(--ink-5)}.folder-select-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.loading-folders{color:var(--ink-4);font-size:13px;padding:var(--s-5);text-align:center;background:var(--surface-2);border-radius:var(--r-2)}.intervention-picker{display:flex;flex-direction:column;gap:var(--s-3)}.search-bar{position:relative;display:flex;align-items:center;background:var(--surface-2);border-radius:var(--r-2);padding:0 var(--s-3);transition:background .15s,box-shadow .15s}.search-bar:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--navy),0 0 0 4px var(--navy-glow)}.search-bar svg{color:var(--ink-5);flex-shrink:0;width:14px;height:14px}.search-bar input{flex:1;padding:9px var(--s-2);font-size:13.5px;background:transparent;border:none;outline:none}.search-bar input::placeholder{color:var(--ink-5)}.search-clear{background:var(--hairline-strong);color:var(--ink-3);width:16px;height:16px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--ink-5);color:#fff}.picker-meta{font-size:12px;color:var(--ink-5);padding:2px var(--s-1)}.picker-empty{text-align:center;padding:var(--s-7) var(--s-5);color:var(--ink-4);font-size:13px}.intervention-list{list-style:none;display:flex;flex-direction:column;max-height:380px;overflow-y:auto;margin:0 calc(-1 * var(--s-2));padding:0 var(--s-2)}.intervention-list::-webkit-scrollbar{width:6px}.intervention-list::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}.intervention-list::-webkit-scrollbar-thumb:hover{background:var(--ink-5)}.intervention-list>li+li{border-top:1px solid var(--hairline)}.intervention-card{width:100%;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-2);text-align:left;border-radius:var(--r-2);transition:background .12s;position:relative}.intervention-card:hover{background:var(--surface-hover)}.intervention-card.selected{background:var(--navy-soft)}.intervention-card.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--navy);border-radius:2px}.intervention-card.invalid-format{opacity:.82}.intervention-date{flex-shrink:0;width:56px;display:flex;flex-direction:column;font-feature-settings:"tnum";text-align:left}.intervention-date .day{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.05}.intervention-date .month{font-size:11px;font-weight:500;color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.intervention-date .year{font-size:11px;font-weight:400;color:var(--ink-5);margin-top:1px;font-family:var(--font-mono)}.intervention-date.placeholder .day,.intervention-date.placeholder .month{color:var(--ink-5)}.intervention-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}.intervention-type{font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.intervention-meta{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;font-size:12.5px;color:var(--ink-4)}.location-pill{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--ink-3)}.location-pill svg{color:var(--accent)}.raw-pill{font-family:var(--font-mono);font-size:11px;color:var(--ink-5)}.raw-pill.warn{color:var(--warning)}.item-count{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-3);font-feature-settings:"tnum";letter-spacing:-.005em;flex-shrink:0;padding:3px 9px 3px 8px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;transition:background .15s,color .15s,border-color .15s}.item-count svg{color:var(--ink-4);flex-shrink:0}.intervention-card:hover .item-count,.folder-card:hover .item-count{background:var(--navy-soft);border-color:var(--navy-glow);color:var(--navy)}.intervention-card:hover .item-count svg,.folder-card:hover .item-count svg{color:var(--navy)}.intervention-chevron{flex-shrink:0;color:var(--ink-5);transition:color .12s,transform .12s}.intervention-card:hover .intervention-chevron{color:var(--ink-3);transform:translate(2px)}.intervention-card.selected .intervention-chevron{color:var(--accent)}.commun-picker{display:flex;flex-direction:column;gap:var(--s-3)}.picker-toolbar{display:flex;align-items:stretch;gap:var(--s-3)}.picker-toolbar .search-bar{flex:1;min-width:0}.btn-new-folder{display:inline-flex;align-items:center;gap:6px;padding:0 var(--s-4);border-radius:var(--r-2);background:var(--accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;flex-shrink:0;transition:background .15s,transform .05s,box-shadow .15s;box-shadow:0 1px 2px #c0392b40}.btn-new-folder:hover{background:var(--accent-2);box-shadow:0 4px 12px #c0392b40}.btn-new-folder:active{transform:translateY(.5px)}.btn-new-folder svg{color:currentColor}.create-folder-form{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--r-3);box-shadow:0 0 0 4px var(--accent-ring);animation:fadeIn .15s ease-out}.create-folder-icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--r-2);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.create-folder-input{flex:1;min-width:0;padding:8px var(--s-3);border:none;border-radius:var(--r-2);background:var(--surface-2);color:var(--ink);font-size:14px;font-weight:500;outline:none;transition:background .15s,box-shadow .15s}.create-folder-input::placeholder{color:var(--ink-5);font-weight:400}.create-folder-input:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--hairline-strong)}.create-folder-form .btn-secondary,.create-folder-form .btn-primary{padding:8px var(--s-4);font-size:13px;flex-shrink:0}.picker-error{font-size:12.5px;color:var(--accent-2);background:var(--accent-soft);padding:8px var(--s-3);border-radius:var(--r-2);border-left:2px solid var(--accent)}.folder-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;margin:0 calc(-1 * var(--s-1));padding:0 var(--s-1)}.folder-list::-webkit-scrollbar{width:6px}.folder-list::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}.folder-card{width:100%;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);text-align:left;border-radius:var(--r-2);transition:background .12s,color .12s;position:relative}.folder-card:hover{background:var(--surface-hover)}.folder-card:disabled{cursor:progress;opacity:.65}.folder-icon-wrap{flex-shrink:0;width:32px;height:32px;border-radius:var(--r-2);background:var(--surface-2);color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.folder-card:hover .folder-icon-wrap{background:var(--navy-soft);color:var(--navy)}.folder-icon-wrap.create{background:var(--accent-soft);color:var(--accent)}.folder-card.create:hover .folder-icon-wrap.create{background:var(--accent);color:#fff}.folder-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.folder-card .item-count{margin-right:var(--s-1)}.folder-name{font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-name strong{font-weight:600}.folder-name .muted{font-weight:400;color:var(--ink-5)}.folder-meta{font-size:12px;color:var(--ink-5)}.folder-card.create .folder-meta{color:var(--accent-2)}.folder-card .intervention-chevron{flex-shrink:0;color:var(--ink-6);transition:transform .15s,color .15s}.folder-card:hover .intervention-chevron{color:var(--accent);transform:translate(2px)}.picker-empty-state{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);text-align:center;background:var(--surface-2);border:1px dashed var(--hairline-strong);border-radius:var(--r-3);margin-top:var(--s-2)}.picker-empty-state .empty-illu{width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--ink-5);display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline)}.picker-empty-state .empty-illu svg{width:22px;height:22px}.picker-empty-state p{font-size:14px;color:var(--ink-3);font-weight:500}.intervention-detail{display:flex;flex-direction:column;gap:var(--s-6)}.detail-header{display:flex;flex-direction:column;gap:var(--s-4)}.btn-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;color:var(--navy);background:var(--navy-soft);border:1.5px solid var(--navy-glow);font-size:13px;font-weight:600;padding:8px var(--s-4) 8px var(--s-3);border-radius:999px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn-back svg{width:15px;height:15px;transition:transform .18s cubic-bezier(.25,.8,.25,1)}.btn-back:hover{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 4px 12px var(--navy-glow)}.btn-back:hover svg{transform:translate(-2px)}.btn-back:active{transform:translateY(.5px)}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.btn-sharepoint{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);font-size:13px;font-weight:500;text-decoration:none;padding:7px var(--s-3);border-radius:999px;transition:color .15s,background .15s}.btn-sharepoint:hover{color:var(--accent);background:var(--accent-soft)}.btn-sharepoint svg{color:currentColor}.detail-title{display:flex;flex-direction:column;gap:var(--s-2)}.detail-meta-row{display:flex;align-items:center;gap:var(--s-3);font-size:12.5px;color:var(--ink-4)}.detail-meta-row .dot{width:3px;height:3px;background:var(--ink-5);border-radius:50%}.detail-title h1{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.022em;line-height:1.2}.drop-zone{border:1.5px dashed var(--hairline-strong);border-radius:var(--r-3);padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);color:var(--ink-4);transition:border-color .15s,background .15s,color .15s}.drop-zone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-2);cursor:pointer}.drop-zone p{font-size:14px;font-weight:500;color:inherit}.drop-zone span{font-size:12px;color:inherit}.drop-zone-xl{padding:var(--s-9) var(--s-6);border-radius:var(--r-4);background:radial-gradient(120% 120% at 50% 0%,var(--navy-soft) 0%,transparent 60%),var(--surface);border-color:var(--hairline-strong)}.drop-zone-xl:hover{border-color:var(--navy);background:radial-gradient(120% 120% at 50% 0%,var(--navy-glow) 0%,transparent 60%),var(--surface)}.drop-zone-xl .drop-icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--navy-soft);border:1px solid var(--navy-glow);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-3)}.drop-zone-xl:hover .drop-icon-wrap{background:var(--navy);color:#fff;border-color:var(--navy)}.drop-zone-xl .drop-icon-wrap svg{width:22px;height:22px}.drop-zone-xl p{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.drop-zone-xl span{font-size:13px;color:var(--ink-4);margin-top:2px}.drop-disabled{border:1.5px dashed var(--hairline);border-radius:var(--r-3);padding:var(--s-6);color:var(--ink-4);font-size:13px;text-align:center;background:var(--surface-2)}.upload-list-wrap{display:flex;flex-direction:column;gap:var(--s-2)}.upload-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);font-size:12px;color:var(--ink-4)}.upload-list-status{display:inline-flex;align-items:center;gap:8px;font-weight:500}.upload-status-success{color:var(--success)}.upload-status-error{color:var(--accent-2)}.spinner{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--hairline-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-link{font-size:12px;color:var(--ink-4);font-weight:500;padding:4px 6px;border-radius:var(--r-1);transition:color .15s,background .15s}.btn-link:hover{color:var(--ink);background:var(--surface-2)}.file-list{display:flex;flex-direction:column;gap:var(--s-2)}.file-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--hairline);border-radius:var(--r-2);background:var(--surface);transition:border-color .15s,background .15s}.file-row.status-success{border-color:transparent;background:var(--success-soft)}.file-row.status-error{border-color:transparent;background:var(--error-soft)}.file-thumb{width:36px;height:36px;border-radius:var(--r-1);overflow:hidden;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;position:relative}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-5);background:var(--surface-2)}.file-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a59;color:#fff;border-radius:inherit;pointer-events:none}.file-thumb-play svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11.5px;color:var(--ink-5);font-family:var(--font-mono)}.file-error{font-size:12px;color:var(--accent-2);font-weight:500}.progress-bar{height:2px;background:var(--hairline);border-radius:2px;overflow:hidden;margin-top:var(--s-1)}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .2s}.file-status{flex-shrink:0}.badge{font-size:11px;font-weight:500;padding:2px 7px;border-radius:var(--r-1);font-family:var(--font-mono);letter-spacing:.02em}.badge.pending{background:var(--surface-2);color:var(--ink-4)}.badge.uploading{background:var(--warning-soft);color:var(--warning)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.error{background:var(--error-soft);color:var(--error)}.remove-btn{width:22px;height:22px;color:var(--ink-5);border-radius:var(--r-1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s;font-size:13px}.remove-btn:hover{color:var(--accent);background:var(--accent-soft)}.detail-gallery{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--hairline)}.gallery-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.gallery-header h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4)}.gallery-count{font-size:12px;color:var(--ink-5);font-feature-settings:"tnum";font-family:var(--font-mono)}.gallery-strip-wrap{position:relative;--fade-w: 28px}.gallery-strip-wrap:before,.gallery-strip-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:var(--fade-w);pointer-events:none;z-index:2;transition:opacity .2s}.gallery-strip-wrap:before{left:0;background:linear-gradient(90deg,var(--surface),rgba(255,255,255,0))}.gallery-strip-wrap:after{right:0;background:linear-gradient(270deg,var(--surface),rgba(255,255,255,0))}.gallery-strip-wrap.at-start:before{opacity:0}.gallery-strip-wrap.at-end:after{opacity:0}.gallery-strip{display:flex;gap:var(--s-2);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:2px 2px var(--s-2);margin:-2px;scrollbar-width:none}.gallery-strip::-webkit-scrollbar{display:none}.gallery-tile{flex:0 0 auto;width:132px;aspect-ratio:1 / 1;border-radius:var(--r-2);overflow:hidden;background:var(--surface-2);position:relative;scroll-snap-align:start;transition:transform .12s,box-shadow .12s}.gallery-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none}.gallery-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.gallery-tile img{width:100%;height:100%;object-fit:cover}.strip-nav{position:absolute;top:50%;transform:translateY(calc(-50% - 4px));width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:3;border:1px solid var(--hairline);box-shadow:var(--shadow-2);opacity:0;transition:opacity .15s,transform .12s}.strip-nav svg{width:14px;height:14px}.gallery-strip-wrap:hover .strip-nav{opacity:1}.strip-nav:hover{transform:translateY(calc(-50% - 4px)) scale(1.05)}.strip-nav.prev{left:4px}.strip-nav.next{right:4px}@media (hover: none){.strip-nav{display:none}}.shimmer{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-hover) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-strip.skeleton{pointer-events:none}.gallery-empty{border:1px dashed var(--hairline-strong);border-radius:var(--r-3);padding:var(--s-6);background:var(--surface-2);color:var(--ink-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.gallery-empty svg{color:var(--ink-5);margin-bottom:var(--s-1)}.gallery-empty p{font-size:13px;font-weight:500;color:var(--ink-2)}.gallery-empty span{font-size:12px;color:var(--ink-5)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16eb;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s-6);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:var(--s-4);right:var(--s-4);width:32px;height:32px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-close:hover{background:#fff3}.lightbox-counter{position:absolute;top:var(--s-5);left:50%;transform:translate(-50%);color:#ffffffd9;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;background:#ffffff14;padding:4px 11px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,transform .12s;z-index:10}.lightbox-nav:hover{background:#ffffff2e}.lightbox-nav:active{transform:translateY(-50%) scale(.94)}.lightbox-nav.prev{left:var(--s-4)}.lightbox-nav.next{right:var(--s-4)}@keyframes lightboxSwap{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.lightbox-figure{display:flex;flex-direction:column;gap:var(--s-3);max-width:min(92vw,1200px);max-height:92vh;animation:lightboxSwap .18s cubic-bezier(.25,.8,.25,1)}.lightbox-figure img{flex:1;min-height:0;max-height:80vh;object-fit:contain;border-radius:var(--r-3);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;color:#ffffffeb;font-size:13px}.lightbox-figure figcaption>div{display:flex;flex-direction:column;gap:2px;min-width:0}.lightbox-figure figcaption strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-figure figcaption span{font-size:12px;color:#ffffff8c;font-family:var(--font-mono)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);background:var(--accent);color:#fff;border-radius:var(--r-2);padding:10px var(--s-5);font-size:14px;font-weight:500;letter-spacing:-.005em;transition:background .15s,transform .05s}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-primary:active:not(:disabled){transform:translateY(.5px)}.btn-primary:disabled{background:var(--ink-5);cursor:not-allowed}.btn-xl{padding:12px var(--s-6);font-size:14.5px;font-weight:600;flex:1;justify-content:center}.btn-secondary{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--ink-3);background:transparent;border-radius:var(--r-2);padding:10px var(--s-4);font-size:14px;font-weight:500;transition:color .15s,background .15s}.btn-secondary:hover{color:var(--ink);background:var(--surface-2)}.action-row{display:flex;gap:var(--s-2);align-items:center}.action-row.primary-action{margin-top:var(--s-4)}.action-row.centered{justify-content:center;flex-wrap:wrap}.success-card{text-align:center;padding:var(--s-9) var(--s-6)}.success-icon{width:44px;height:44px;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-4)}.success-card h2{font-size:20px;font-weight:600;text-transform:none;letter-spacing:-.018em;color:var(--ink);margin-bottom:var(--s-2);justify-content:center}.success-card p{color:var(--ink-4);font-size:14px;margin-bottom:var(--s-6)}.success-card strong{color:var(--ink);font-weight:600}@keyframes slideFromRight{0%{transform:translate(6%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromLeft{0%{transform:translate(-4%);opacity:0}to{transform:translate(0);opacity:1}}.slide-from-right{animation:slideFromRight .24s cubic-bezier(.25,.8,.25,1)}.slide-from-left{animation:slideFromLeft .2s cubic-bezier(.25,.8,.25,1)}@media (max-width: 720px){main{margin:var(--s-4) auto var(--s-7)}.page-intro{padding-bottom:var(--s-4);margin-bottom:var(--s-4)}.page-title{font-size:19px;letter-spacing:-.02em}.page-subtitle{font-size:13px;line-height:1.5}.login-card{padding:var(--s-8) var(--s-6) var(--s-7);border-radius:20px}.login-glow-1{width:320px;height:320px}.login-glow-2{width:360px;height:360px}.header-inner{padding:0 var(--s-4);height:60px;gap:var(--s-3)}.user-chip .user-name{display:none}.user-chip{padding:4px}.btn-logout span{display:none}.btn-logout{padding:7px}.section-tab{padding:8px var(--s-3);font-size:12.5px;gap:6px}.picker-toolbar{flex-direction:column;align-items:stretch}.btn-new-folder{padding:10px var(--s-4);justify-content:center}.create-folder-form{flex-wrap:wrap}.create-folder-form .create-folder-input{flex:1 1 100%;order:-1;padding:10px var(--s-3)}.card{padding:var(--s-5);border-radius:14px}.card-section-title{font-size:16px}.intervention-card{padding:var(--s-3) var(--s-2);gap:var(--s-3)}.intervention-date{width:48px}.intervention-date .day{font-size:17px}.detail-title h1{font-size:20px}.drop-zone-xl{padding:var(--s-7) var(--s-4)}.gallery-tile{width:108px}.gallery-strip-wrap{--fade-w: 18px}.footer-inner{flex-direction:column;align-items:flex-start}.lightbox{padding:var(--s-3)}.lightbox-close{top:var(--s-3);right:var(--s-3)}.lightbox-counter{top:var(--s-3)}.lightbox-nav{width:38px;height:38px}.lightbox-nav.prev{left:6px}.lightbox-nav.next{right:6px}}