@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)}.folder-counts{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.folder-count-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--ink-4);font-feature-settings:"tnum";letter-spacing:-.005em;flex-shrink:0;transition:color .15s}.folder-count-pill svg{color:var(--ink-5);flex-shrink:0;transition:color .15s}.folder-counts-loading{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;padding:0 2px;height:14px}.folder-counts-dot{width:4px;height:4px;border-radius:50%;background:var(--ink-6, #cbd5e1);animation:folder-counts-pulse 1.1s ease-in-out infinite}.folder-counts-dot:nth-child(2){animation-delay:.15s}.folder-counts-dot:nth-child(3){animation-delay:.3s}@keyframes folder-counts-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:.9;transform:scale(1)}}.intervention-card:hover .folder-counts-dot,.folder-card:hover .folder-counts-dot{background:var(--navy)}.intervention-card:hover .folder-count-pill,.folder-card:hover .folder-count-pill{color:var(--navy)}.intervention-card:hover .folder-count-pill svg,.folder-card:hover .folder-count-pill 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-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{display:flex;align-items:center;gap:var(--s-2);font-size:12px;color:var(--ink-5);min-height:18px}.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}.folder-menu{position:relative;display:inline-flex}.folder-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--ink-7);background:var(--surface);color:var(--ink-3);border-radius:999px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.folder-menu-trigger:hover,.folder-menu-trigger:focus-visible{color:var(--ink);border-color:var(--ink-5);background:var(--surface-2);outline:none}.folder-menu-trigger.is-open{color:var(--ink);background:var(--surface-2);border-color:var(--ink-5)}.folder-menu-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:220px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-2);box-shadow:0 12px 32px #0f172a24;padding:6px;display:flex;flex-direction:column;gap:2px;animation:folder-menu-pop .12s ease-out}@keyframes folder-menu-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.folder-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;text-align:left;text-decoration:none;border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.folder-menu-item:hover,.folder-menu-item:focus-visible{background:var(--surface-2);color:var(--ink);outline:none}.folder-menu-item svg{color:var(--ink-4);flex-shrink:0}.folder-menu-item:hover svg,.folder-menu-item:focus-visible svg{color:currentColor}.folder-menu-item.is-success{color:#15803d}.folder-menu-item.is-success svg{color:#15803d}.folder-menu-item.is-danger{color:#b91c1c}.folder-menu-item.is-danger svg{color:#b91c1c}.folder-menu-item.is-danger:hover{background:#dc262614;color:#991b1b}.folder-menu-item.is-danger:hover svg{color:#991b1b}.folder-menu-sep{height:1px;background:var(--hairline);margin:4px 6px}.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}.app.is-dragging-files .drop-zone{border-color:var(--accent);border-style:solid;background:var(--accent-soft);color:var(--accent-2);transform:scale(1.005);box-shadow:0 0 0 6px var(--accent-glow, rgba(192, 57, 43, .15))}.app.is-dragging-files .drop-icon-wrap svg{color:var(--accent);transform:translateY(-2px);transition:transform .2s,color .15s}.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)}.upload-status-info{color:var(--ink-3);font-weight:500}.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}.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-row.status-duplicate{border-color:transparent;background:#f59e0b14}.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}.file-notice{font-size:12px;color:#b45309;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)}.badge.duplicate{background:#f59e0b24;color:#b45309}.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:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.gallery-header-left{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;min-height:28px}.gallery-header-right{display:flex;align-items:center;gap:var(--s-2);padding-left:var(--s-3);border-left:1px solid var(--hairline);min-height:28px}@media (max-width: 600px){.gallery-header-right{border-left:0;padding-left:0}}@media (max-width: 480px){.gallery-header-right:has(.gallery-selbar.has-selection){flex:1 1 100%}}.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-count-pills{display:inline-flex;align-items:center;gap:6px;font-family:inherit}.count-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 8px;border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-3);border-radius:999px;font-size:12px;font-weight:600;font-feature-settings:"tnum";letter-spacing:-.005em}.count-pill svg{color:var(--ink-4);flex-shrink:0}.count-pill-button{cursor:pointer;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;transition:background .15s,border-color .15s,color .15s,transform .12s}.count-pill-button:hover{background:var(--navy-soft);border-color:var(--navy-glow);color:var(--navy)}.count-pill-button:hover svg{color:var(--navy)}.count-pill-button:focus-visible{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-glow)}.count-pill-button.active{background:var(--navy);border-color:var(--navy);color:#fff}.count-pill-button.active svg{color:#fff}.count-pill-button.active:hover{background:var(--navy-strong, var(--navy));filter:brightness(1.05)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);-webkit-tap-highlight-color:transparent}@media (min-width: 480px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 640px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}}@media (min-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}}.gallery-tile{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-2);overflow:hidden;background:var(--surface-2);position:relative;transition:transform .12s,box-shadow .12s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.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}.gallery-tile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3, var(--surface-2)) 100%);color:var(--ink-4)}.gallery-tile.is-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000059);pointer-events:none;z-index:1;border-radius:inherit}.gallery-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#0f172ab8;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;box-shadow:0 2px 10px #00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .15s,background .15s}.gallery-play svg{transform:translate(1px)}.gallery-tile.is-video:hover .gallery-play{transform:translate(-50%,-50%) scale(1.06);background:var(--accent, #C0392B)}.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-grid.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)}.gallery-delete-link{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:#b91c1c;font-size:12px;font-weight:500;padding:3px 8px;border-radius:999px;cursor:pointer;line-height:1.4;transition:color .12s ease,background .12s ease}.gallery-delete-link:hover{color:#7f1d1d;background:#dc262614}.gallery-delete-link:focus-visible{outline:2px solid #fecaca;outline-offset:2px}.gallery-delete-link svg{color:currentColor;flex:0 0 auto}.gallery-selbar{display:inline-flex;align-items:center;gap:4px;padding:2px;background:#fff5f5;border:1px solid #fecaca;border-radius:999px}.gallery-selbar-cancel,.gallery-selbar-confirm{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;font-size:12.5px;font-weight:600;border-radius:999px;cursor:pointer;transition:background .12s ease,color .12s ease}.gallery-selbar-cancel{padding:4px 10px;color:var(--ink-3)}.gallery-selbar-confirm{padding:4px 10px;color:#b91c1c}.gallery-selbar-cancel:hover:not(:disabled){background:#0000000f;color:var(--ink)}.gallery-selbar-confirm:hover:not(:disabled){background:#dc2626;color:#fff}.gallery-selbar-cancel:disabled,.gallery-selbar-confirm:disabled{opacity:.45;cursor:not-allowed}.gallery-selbar-cancel svg,.gallery-selbar-confirm svg{color:currentColor;flex-shrink:0}.gallery-selbar-count{min-width:18px;text-align:center;font-size:12.5px;font-weight:700;color:#991b1b;font-variant-numeric:tabular-nums;padding:0 2px}@media (max-width: 480px){.gallery-selbar-label{display:none}.gallery-selbar.has-selection{display:flex;width:100%;justify-content:space-between}.gallery-selbar.has-selection .gallery-selbar-label{display:inline}.gallery-selbar.has-selection .gallery-selbar-cancel,.gallery-selbar.has-selection .gallery-selbar-confirm{padding:6px 12px;font-size:13px}.gallery-selbar.has-selection .gallery-selbar-confirm{background:#dc2626;color:#fff}}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--ink-3);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;background:#dc2626;color:#fff;border:0;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #dc262640;transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 6px #dc262659}.btn-danger:active:not(:disabled){transform:translateY(.5px)}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed;box-shadow:none}.gallery-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:12.5px;padding:8px 12px;border-radius:8px;margin-bottom:var(--s-2);white-space:pre-line}.gallery-grid.selection-mode .gallery-tile.not-ownable{opacity:.5;filter:grayscale(.4);cursor:default}.gallery-grid.selection-mode .gallery-tile.is-selectable{cursor:pointer}.gallery-grid.selection-mode .gallery-tile.is-selected{outline:3px solid var(--accent);outline-offset:-3px;box-shadow:0 0 0 3px #dc26261f}.gallery-checkbox{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:6px;background:#ffffffeb;border:1.5px solid var(--ink-5);display:inline-flex;align-items:center;justify-content:center;color:transparent;z-index:2;transition:all .12s ease;box-shadow:0 1px 2px #0000001f}.gallery-checkbox.checked{background:var(--accent, #dc2626);border-color:var(--accent, #dc2626);color:#fff}.gallery-locked{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:6px;background:#00000080;color:#ffffffe6;display:inline-flex;align-items:center;justify-content:center;z-index:2}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;animation:confirm-fade .15s ease-out}.confirm-dialog{background:var(--surface);border-radius:var(--radius-lg);padding:22px;max-width:420px;width:100%;box-shadow:0 24px 60px #0f172a59;animation:confirm-pop .18s ease-out}.confirm-icon{width:44px;height:44px;border-radius:50%;background:#fef2f2;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.confirm-icon-info{background:#eff6ff;color:#1d4ed8}.confirm-icon-warn{background:#fef3c7;color:#b45309}.confirm-spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:confirm-spin .8s linear infinite}@keyframes confirm-spin{to{transform:rotate(360deg)}}.confirm-field-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-4);margin:4px 0 6px}.confirm-input{width:100%;font-size:14px;font-family:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink-7);border-radius:8px;padding:9px 12px;margin:0 0 14px;transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box}.confirm-input:focus{outline:none;border-color:var(--accent, #1d4ed8);box-shadow:0 0 0 3px #1d4ed826}.confirm-input.has-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.confirm-input:disabled{background:var(--surface-2);color:var(--ink-4);cursor:not-allowed}.confirm-error{margin:-8px 0 14px;font-size:12.5px;color:#b91c1c;line-height:1.4}.confirm-title{margin:0 0 6px;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.confirm-text{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.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-exif-toggle{position:absolute;top:var(--s-4);right:calc(var(--s-4) + 32px + var(--s-2));display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:999px;background:#ffffff1a;color:#ffffffeb;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,color .15s,transform .12s;z-index:10}.lightbox-exif-toggle:hover{background:#fff3}.lightbox-exif-toggle.active{background:#fff;color:var(--navy, #1e3a5c)}.lightbox-exif-toggle.active svg{color:var(--navy, #1e3a5c)}.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.is-video{width:min(92vw,1200px);height:min(85vh,820px);cursor:default}.lightbox-figure.is-video>iframe.lightbox-video-frame,.lightbox-figure.is-video>video,.lightbox-figure.is-video>.lightbox-video-error,.lightbox-figure.is-video>.lightbox-video-loading{flex:1 1 auto;width:100%;height:100%;min-height:0;max-height:none}.lightbox-figure.is-video>video{object-fit:contain;background:#000;border-radius:var(--r-3);outline:none}.lightbox-video-frame{border:0;border-radius:var(--r-3);background:#000}.lightbox-video-error{flex:1;min-height:0;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:var(--r-3);padding:var(--s-7) var(--s-6);color:#ffffffd9;text-align:center}.lightbox-video-error svg{color:#ffffff8c}.lightbox-video-error p{font-size:14px;max-width:36ch;line-height:1.5}.lightbox-video-actions{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;margin-top:var(--s-2)}.lightbox-video-actions .btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.lightbox-video-actions .btn-secondary:hover{background:#fff3;border-color:#ffffff4d}.lightbox-video-loading{flex:1;min-height:200px;max-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);color:#ffffffbf}.lightbox-video-loading p{font-size:14px}.lightbox-video-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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)}.exif-panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,92vw);background:#0d1422;border-left:1px solid rgba(255,255,255,.08);color:#ffffffe6;display:flex;flex-direction:column;z-index:20;box-shadow:-8px 0 32px #00000059;animation:exifSlideIn .22s cubic-bezier(.25,.8,.25,1)}@keyframes exifSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.exif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.exif-header h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.exif-close{width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#ffffffd9;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .15s}.exif-close:hover{background:#ffffff2e}.exif-body{flex:1;min-height:0;overflow-y:auto;padding:6px 0 18px}.exif-loading,.exif-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:32px 18px;color:#ffffff8c;font-size:13px;text-align:center}.exif-empty small{display:block;margin-top:6px;color:#ffffff61;font-size:11.5px}.exif-spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#fffc;animation:lightboxSpin .8s linear infinite}.exif-row{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.exif-row:last-of-type{border-bottom:0}.exif-row dt{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;align-self:center}.exif-row dd{margin:0;color:#ffffffeb;word-break:break-word;font-feature-settings:"tnum"}.exif-geo{border-top:1px solid rgba(255,255,255,.07);margin-top:4px;padding:8px 0 0}.exif-map{margin:6px 16px 0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0f1a;aspect-ratio:4 / 3;position:relative}.exif-map iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.exif-map-link{display:inline-flex;align-items:center;gap:6px;margin:10px 18px 4px;padding:6px 10px;border-radius:6px;font-size:12px;color:#fffc;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:background .15s,color .15s}.exif-map-link:hover{background:#ffffff1f;color:#fff}@media (max-width: 640px){.exif-panel{top:auto;width:100%;height:70vh;border-left:0;border-top:1px solid rgba(255,255,255,.08);border-radius:14px 14px 0 0;animation:exifSlideUp .22s cubic-bezier(.25,.8,.25,1)}@keyframes exifSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@keyframes lightboxSpin{to{transform:rotate(360deg)}}.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}}