:root,[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-elevated:#3a3a3c;--bg-overlay:#000000f2;--primary:#0a84ff;--primary-dark:#06c;--primary-light:#409cff;--primary-shadow:#0a84ff4d;--accent:#0a84ff;--accent-hover:#409cff;--accent-secondary:#5e5ce6;--text-primary:#fff;--text-secondary:#98989f;--text-tertiary:#636366;--text-inverse:#000;--success:#32d74b;--warning:#ff9f0a;--danger:#ff453a;--info:#64d2ff;--border-color:#ffffff1a;--border:#ffffff1a;--border-secondary:#ffffff0d;--border-focus:color-mix(in srgb,var(--primary) 40%,#0000);--input-bg:#ffffff0d;--input-border:#fff3;--input-focus-bg:#ffffff14;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 12px 0 #0006;--shadow-lg:0 10px 40px 0 #00000080;--shadow-xl:0 24px 64px 0 #000c;--glass-bg:#1c1c1eb3;--glass-border:#ffffff1a;--hover-overlay:#ffffff0d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#e5e5ea;--bg-elevated:#fff;--bg-overlay:#fffffff2;--primary:#007aff;--primary-dark:#0051d5;--primary-light:#5eb0ff;--primary-shadow:#007aff4d;--accent:#007aff;--accent-hover:#0051d5;--accent-secondary:#5856d6;--text-primary:#000;--text-secondary:#3c3c43;--text-tertiary:#636366;--text-inverse:#fff;--success:#34c759;--warning:#ff9500;--danger:#ff3b30;--info:#5ac8fa;--border-color:#0000001a;--border:#0000001a;--border-secondary:#0000000d;--border-focus:color-mix(in srgb,var(--primary) 40%,#0000);--input-bg:#00000008;--input-border:#0003;--input-focus-bg:#0000000d;--shadow-sm:0 1px 2px 0 #0000001a;--shadow-md:0 4px 12px 0 #0000001f;--shadow-lg:0 10px 40px 0 #00000026;--shadow-xl:0 24px 64px 0 #0003;--glass-bg:#fffc;--glass-border:#0000001a;--hover-overlay:#0000000d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,contextual common-ligatures;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,Roboto,sans-serif;font-variant-ligatures:contextual common-ligatures;letter-spacing:-.011em;min-height:100vh;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;font-weight:600;letter-spacing:-.022em;line-height:1.1}div,p,span{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,sans-serif}.container{margin:0 auto;max-width:1400px;padding:20px}.btn{border-radius:12px;justify-content:center;letter-spacing:0;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn-primary{background:#0a84ff;border:2px solid #0000;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);font-weight:600}.btn-primary:hover{background:#409cff;background:var(--primary-light);box-shadow:0 4px 12px #0a84ff4d;box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:#2c2c2e;border:2px solid #ffffff1a;border:2px solid var(--border-color);color:#fff;font-weight:600}.btn-secondary:hover{background:#3a3a3c;border-color:#0a84ff;box-shadow:0 2px 8px #0000001a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-success{background:#32d74b;background:var(--success);border:2px solid #0000;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff;font-weight:600}.btn-success:hover{box-shadow:0 4px 12px 0 #0006;box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-danger{background:#ff453a;background:var(--danger);border:2px solid #0000;box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm)}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-danger:hover{background:#ff5245;box-shadow:0 4px 12px 0 #0006;box-shadow:var(--shadow-md)}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);min-width:auto;white-space:nowrap}.btn-lg{border-radius:16px;border-radius:var(--radius-lg);font-size:16px;padding:16px 32px}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1c1c1e;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px 0 #0006;box-shadow:var(--shadow-md);margin-bottom:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#ffffff1a;border-color:var(--border);box-shadow:0 10px 40px 0 #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-label{color:#98989f;color:var(--text-secondary);display:block;font-size:14px;font-weight:590;letter-spacing:-.01em;margin-bottom:8px}.form-input{background:#2c2c2e;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;color:#fff;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus{background:#3a3a3c;background:var(--bg-elevated);border-color:#0a84ff;border-color:var(--accent);box-shadow:0 0 0 4px #0a84ff26}.form-input::placeholder{color:#636366}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-hint{color:#636366;font-size:13px;font-weight:400;line-height:1.4}.alert{border-radius:8px;margin-bottom:20px;padding:16px}.alert-success{background:#00ff881a;border:1px solid #32d74b;border:1px solid var(--success);color:#32d74b}.alert-error{background:#e945601a;border:1px solid #0a84ff;border:1px solid var(--accent);color:#0a84ff;color:var(--accent)}.alert-warning{background:#ffd7001a;border:1px solid #ff9f0a;border:1px solid var(--warning);color:#ff9f0a}.loading{color:#98989f;color:var(--text-secondary);padding:40px;text-align:center}.badge{border-radius:6px;font-weight:600;gap:6px;padding:4px 10px}.badge-pending{background:#ffd70033;color:#ff9f0a;color:var(--warning)}.badge-approved{background:#0f83;color:#32d74b;color:var(--success)}.badge-rejected{background:#e9456033;color:#0a84ff;color:var(--accent)}.badge-open{background:#007bff33;color:#4da3ff}.badge-in-progress{background:#ffc10733;color:#ffc107}.badge-closed{background:#6c757d33;color:#adb5bd}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#636366;background:var(--text-tertiary)}*{scrollbar-color:#ffffff1a #0000;scrollbar-color:var(--border) #0000}*,.modal-body{scrollbar-width:thin}.modal-body{scrollbar-color:#0a84ff #0000;scrollbar-color:var(--primary) #0000}.modal-body::-webkit-scrollbar-thumb{background:#0a84ff;background:var(--primary)}.modal-body::-webkit-scrollbar-thumb:hover{background:#06c;background:var(--primary-dark)}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #34c759b3}50%{box-shadow:0 0 0 10px #34c75900}to{box-shadow:0 0 0 0 #34c75900}}@keyframes ripple{0%{height:0;opacity:.5;width:0}to{height:300px;opacity:0;width:300px}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-shadow)}50%{box-shadow:0 0 20px var(--primary-shadow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.application-item,.auth-card,.case-card,.stat-card{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) backwards}.case-card:first-child{animation-delay:.05s}.case-card:nth-child(2){animation-delay:.1s}.case-card:nth-child(3){animation-delay:.15s}.case-card:nth-child(4){animation-delay:.2s}.case-card:nth-child(5){animation-delay:.25s}.case-card:nth-child(6){animation-delay:.3s}.admin-header,.dashboard-header{animation:fadeInDown .6s cubic-bezier(.4,0,.2,1)}.image-viewer-overlay{animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}.image-viewer-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}.alert,.assignment-form,.create-case-form{animation:slideDown .4s cubic-bezier(.4,0,.2,1)}.btn{overflow:hidden;position:relative;transform-origin:center;will-change:transform}.btn:hover{animation:none}.btn:active{transform:scale(.98)}.theme-toggle{transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:active{transform:scale(.95)}.stat-value{animation:fadeIn 1s cubic-bezier(.4,0,.2,1)}.nav-link:after{background:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover:after{width:80%}.badge,.case-tag,.category-badge{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.badge:hover,.case-tag:hover,.category-badge:hover{transform:scale(1.05)}.form-input:focus,.search-input:focus{animation:glow 2s ease-in-out infinite}[data-theme]{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}input[type=checkbox],input[type=radio]{transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=checkbox]:checked,input[type=radio]:checked{animation:successPulse .3s cubic-bezier(.4,0,.2,1)}@keyframes progressBar{0%{width:0}to{width:100%}}.progress-bar{animation:progressBar 1s cubic-bezier(.4,0,.2,1)}.tooltip{animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.glass-effect{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}::selection{background-color:var(--primary);color:#fff;text-shadow:none}::-moz-selection{background-color:var(--primary);color:#fff;text-shadow:none}.App{min-height:100vh}.App-header{background:var(--bg-secondary);border-bottom:2px solid var(--border);box-shadow:0 4px 12px #0000004d}.theme-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle-track{background:var(--input-bg);border:2px solid var(--border-color);border-radius:20px;height:28px;position:relative;transition:all .3s ease;width:56px}.theme-toggle:hover .theme-toggle-track{border-color:var(--primary);box-shadow:0 0 12px var(--primary-shadow)}.theme-toggle-thumb{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.theme-toggle-thumb.light{left:2px}.theme-toggle-thumb.dark{left:calc(100% - 22px)}.theme-toggle:active .theme-toggle-thumb{transform:scale(.9)}.bell-button,.notification-bell{position:relative}.bell-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.bell-button:hover{background:var(--hover-overlay);transform:scale(1.05)}.bell-button.has-unread{animation:bellShake 2s ease-in-out infinite}@keyframes bellShake{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.bell-icon{display:block;font-size:24px}.unread-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#ff6b6b);border-radius:12px;box-shadow:0 2px 8px #ff3b3066,0 0 0 2px var(--bg-primary);color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notifications-dropdown{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:420px;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.notifications-header h3{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.mark-all-read-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mark-all-read-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.notifications-list{flex:1 1;max-height:480px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000}.notifications-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-item:hover{background:var(--hover-overlay)}.notification-item.unread{background:color-mix(in srgb,var(--primary) 5%,#0000)}.notification-item.unread:before{background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.notification-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:6px;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:12px;font-weight:500}.notification-delete{background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:16px;opacity:0;padding:4px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ff3b301a;color:#ff3b30}.notifications-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.notifications-empty p{font-size:15px;font-weight:500;margin:0}.notifications-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;padding:60px 24px}.notifications-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:16px 24px}.view-all-btn{background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.view-all-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,#0000);color:#fff;transform:translateY(-1px)}@media (max-width:768px){.notifications-dropdown{max-width:420px;right:-50px;width:calc(100vw - 32px)}}@media (max-width:480px){.notifications-dropdown{right:-70px;width:calc(100vw - 16px)}.notifications-footer,.notifications-header{padding:16px}.notification-item{padding:12px 16px}}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);font-size:20px;font-weight:700;gap:12px;text-decoration:none;transition:all .2s ease}.logo:hover{color:var(--primary);transform:translateY(-1px)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.logo-text{letter-spacing:-.02em}.nav{align-items:center;display:flex;gap:20px}.nav-link{border-radius:10px;color:var(--text-secondary);font-size:15px;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover{background:var(--hover-overlay);color:var(--text-primary)}.nav-link:hover:before{width:80%}.nav-link.active{background:color-mix(in srgb,var(--primary) 10%,#0000);border:2px solid var(--primary);box-shadow:0 4px 12px var(--primary-shadow),inset 0 1px 2px #ffffff1a;color:var(--primary)}.nav-link.active:before{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,#0000) 0,#0000 100%);bottom:auto;height:100%;top:0;width:100%;z-index:-1}.user-info{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:12px;padding:8px 16px}.user-nickname{color:var(--text-primary)!important;font-size:15px;font-weight:600}[data-theme=light] .user-nickname{color:#000!important}[data-theme=dark] .user-nickname{color:#fff!important}.badge{border-radius:8px;font-size:11px}.badge-admin{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px var(--primary-shadow);color:#fff!important;text-shadow:0 1px 2px #0003}.nav .btn{font-size:14px;font-weight:600;padding:8px 16px}.nav .btn-secondary{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary)}.nav .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary);transform:translateY(-1px)}.nav .btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid #0000;color:#fff}.nav .btn-primary:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);transform:translateY(-1px)}@media (max-width:768px){.nav{gap:12px}.nav-link{font-size:14px}.nav-link,.user-info{padding:6px 12px}.user-nickname{font-size:14px}.logo-text{display:none}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:40px 20px}.auth-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;padding:48px;transition:all .3s ease;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:14px;font-weight:500}.auth-form{margin-bottom:24px}.auth-form .form-label{color:var(--text-primary);font-weight:600}.auth-form .form-input{background:var(--input-bg);border:2px solid var(--input-border);color:var(--text-primary)}.auth-form .form-input:focus{background:var(--input-focus-bg);border-color:var(--primary)}.btn-block{font-size:16px;font-weight:600;margin-top:24px;padding:14px 24px;width:100%}.auth-footer{border-top:2px solid var(--border-color);padding-top:24px;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:14px}.link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}.link:hover{color:var(--primary-light);text-decoration:underline}[data-theme=light] .auth-card{box-shadow:0 10px 40px #00000014}[data-theme=light] .auth-header h1{color:var(--text-primary)}[data-theme=dark] .auth-card{box-shadow:0 10px 40px #0009}[data-theme=dark] .auth-header h1{color:var(--text-primary)}.search-filters{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(180deg,#1e1e23f2,#141419fa);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 24px #0006,inset 0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;margin-bottom:32px;overflow:hidden;padding:0}[data-theme=light] .search-filters{background:linear-gradient(180deg,#fffffffa,#f8f9fafa);border:1px solid #00000014;box-shadow:0 4px 24px #00000014,inset 0 1px 0 #fff}.search-filters h1,.search-filters h2,.search-filters h3,.search-filters h4,.search-filters h5,.search-filters h6,.search-filters label{margin:0}.search-filters h3{margin-bottom:16px}.search-filters h4{margin-bottom:12px}.search-filters label{margin-bottom:6px}.search-form{align-items:center;display:flex;gap:10px;padding:16px 20px}.search-input-container{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:var(--text-tertiary);height:22px;left:18px;pointer-events:none;position:absolute;transition:color .2s ease;width:22px;z-index:2}.search-input-container:focus-within .search-icon{color:var(--primary)}.search-input{background:#ffffff0f;border:2px solid #0000;border-radius:14px;font-weight:500;padding:14px 50px 14px 52px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .search-input{background:#0000000a}.search-input::placeholder{font-weight:400}.search-input:hover{background:#ffffff14}[data-theme=light] .search-input:hover{background:#0000000f}.search-input:focus{background:#0a84ff14;box-shadow:0 0 0 4px #0a84ff26,0 4px 16px #0a84ff1a}.clear-search-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:14px;transition:all .2s ease;width:24px;z-index:2}.clear-search-btn:hover{background:#ff453a33;color:#ff453a;transform:scale(1.05)}.search-btn{background:linear-gradient(135deg,#0a84ff,#06c);border:none;border-radius:14px;box-shadow:0 4px 12px #0a84ff59,0 2px 4px #0000001a;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-btn:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.search-btn:hover{box-shadow:0 8px 24px #0a84ff73,0 4px 8px #00000026;transform:translateY(-2px)}.search-btn:active{transform:translateY(0)}.filters-toggle-btn{align-items:center;background:#ffffff0f;border:2px solid #0000;border-radius:14px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;padding:14px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=light] .filters-toggle-btn{background:#0000000a}.filters-toggle-btn svg{stroke-width:2;flex-shrink:0;height:18px;opacity:.7;width:18px}.filters-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-1px)}[data-theme=light] .filters-toggle-btn:hover{background:#0000000f;border-color:#0000001a}.filters-toggle-btn.active{background:#0a84ff1f;border-color:var(--primary);color:var(--primary);font-weight:600}.filters-toggle-btn.active svg{opacity:1}.filter-badge{align-items:center;background:linear-gradient(135deg,#0a84ff,#06c);border-radius:11px;box-shadow:0 2px 6px #0a84ff66;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.clear-filters-btn{background:#0000;border:2px solid #ff453a4d;border-radius:14px;color:#ff453a;cursor:pointer;font-size:15px;font-weight:500;padding:14px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clear-filters-btn:hover{background:#ff453a1a;border-color:#ff453a;transform:translateY(-1px)}.filters-panel{animation:filterSlideDown .35s cubic-bezier(.4,0,.2,1);background:#0000004d;border-top:1px solid #ffffff14;margin:0;overflow:visible!important;padding:24px;position:relative;z-index:10}[data-theme=light] .filters-panel{background:#00000008;border-top:1px solid #0000000f}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filters-panel-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}[data-theme=light] .filters-panel-header{border-bottom:1px solid #0000000f}.filters-panel-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;letter-spacing:-.01em;margin:0}.filter-section{margin-bottom:28px}.filter-section:last-child{margin-bottom:0}.filter-section h4{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 14px;text-transform:uppercase}.filter-group{margin-bottom:28px!important}.filter-group:last-child{margin-bottom:0!important}.filter-group label{color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 14px!important;text-transform:uppercase}.status-filters{display:flex;flex-wrap:wrap;gap:10px}.status-filter-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=light] .status-filter-btn{background:#00000008;border-color:#00000014}.status-filter-btn:before{background:linear-gradient(180deg,#ffffff14,#0000);content:"";height:50%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.status-filter-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary);transform:translateY(-1px)}[data-theme=light] .status-filter-btn:hover{background:#0000000d;border-color:#00000026}.status-filter-btn:hover:before{opacity:1}.status-filter-btn.active{background:linear-gradient(135deg,#0a84ff,#06c);border-color:#0000;box-shadow:0 4px 12px #0a84ff59,0 2px 4px #0000001a;color:#fff!important;font-weight:600}.status-filter-btn.active:before{background:linear-gradient(180deg,#fff3,#0000);opacity:1}.status-filter-btn.status-all.active{background:linear-gradient(135deg,#0a84ff,#06c);border-color:#0000;box-shadow:0 4px 12px #0a84ff59;color:#fff!important;font-weight:600}.tag-filters,.tags-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tag-filter-btn{background:#0000;border:1.5px solid #fff3;border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tag-filter-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.tag-filter-btn.active{box-shadow:0 4px 12px #00000040;color:#fff!important;font-weight:600}.date-range{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.date-input-group{display:flex;flex-direction:column}.date-input-group label{color:var(--text-tertiary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.date-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}[data-theme=light] .date-input{background:#00000008;border-color:#00000014}.date-input:focus{background:#0a84ff14;border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff26;outline:none}.date-input::-webkit-calendar-picker-indicator{border-radius:4px;cursor:pointer;filter:invert(1) brightness(1.2);padding:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.date-input::-webkit-calendar-picker-indicator:hover{background:#ffffff1a}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2)}[data-theme=light] .date-input::-webkit-calendar-picker-indicator{filter:invert(0) brightness(.6)}.checkbox-filter{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:inline-flex;gap:12px;padding:12px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}[data-theme=light] .checkbox-filter{background:#00000008;border-color:#00000014}.checkbox-filter:hover{background:#0a84ff1a;border-color:var(--primary)}.checkbox-filter input[type=checkbox]{accent-color:var(--primary);border-radius:4px;cursor:pointer;height:18px;margin:0;width:18px}.checkbox-filter label{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;margin:0;white-space:nowrap}.filters-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}[data-theme=light] .filters-actions{border-top:1px solid #0000000f}.btn-clear{background:#0000;border:1px solid #ffffff26;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}[data-theme=light] .btn-clear{border-color:#0000001a}.btn-clear:hover{background:#ff453a1a;border-color:#ff453a4d;color:#ff453a}.btn-apply,.btn-apply-filters{background:linear-gradient(135deg,#0a84ff,#06c);border:none;border-radius:10px;box-shadow:0 4px 12px #0a84ff59,0 2px 4px #0000001a;color:#fff!important;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.btn-apply-filters:before,.btn-apply:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.btn-apply-filters:hover,.btn-apply:hover{box-shadow:0 8px 20px #0a84ff66,0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.search-form{flex-wrap:wrap}.search-input-container{order:1;width:100%}.search-btn{flex:1 1;order:2}.filters-toggle-btn{order:3}.clear-filters-btn{order:4}.date-range{grid-template-columns:1fr}}.custom-datepicker{position:relative;width:100%}.datepicker-input{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.datepicker-input:hover{background:#ffffff1a;border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,#0000);transform:translateY(-1px)}.datepicker-input.active{background:#ffffff1a;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-shadow)}.datepicker-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:18px}.datepicker-value{color:var(--text-primary);flex:1 1}.datepicker-input:not(:has(.datepicker-clear)) .datepicker-value{opacity:.5}.datepicker-clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.datepicker-clear:hover{background:var(--danger);color:#fff;transform:scale(1.1)}.datepicker-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000fa;border:2px solid #ffffff26;border-radius:var(--radius-md);box-shadow:0 20px 60px #000000b3,inset 0 1px 0 #ffffff1a;left:auto!important;padding:12px;pointer-events:all!important;position:fixed!important;width:280px;z-index:999999!important}.datepicker-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.datepicker-current{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:-.01em}.datepicker-nav-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.datepicker-nav-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.datepicker-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.datepicker-weekday{color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.3px;padding:4px 0;text-align:center;text-transform:uppercase}.datepicker-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.datepicker-day{align-items:center;aspect-ratio:1;background:#ffffff08;border:1px solid #0000;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:32px;transition:all .2s ease}.datepicker-day.empty{background:#0000;cursor:default}.datepicker-day:not(.empty):hover{background:#ffffff1a;border-color:var(--primary);transform:scale(1.05)}.datepicker-day.today{border-color:var(--primary);font-weight:600}.datepicker-day.selected{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px var(--primary-shadow);color:#fff;font-weight:600}.datepicker-day.selected:hover{transform:scale(1.05)}.datepicker-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;margin-top:8px;padding-top:8px}.datepicker-today-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:600;padding:6px 16px;transition:all .2s ease}.datepicker-today-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px var(--primary-shadow);color:#fff}[data-theme=light] .datepicker-dropdown{background:#fffffffa;box-shadow:0 12px 48px #00000026,inset 0 1px 0 #0000000d}[data-theme=light] .datepicker-input{background:#00000008;border-color:#0000001a}[data-theme=light] .datepicker-input:hover{background:#0000000d}[data-theme=light] .datepicker-day{background:#00000005}[data-theme=light] .datepicker-day:not(.empty):hover{background:#0000000d}.dashboard{margin:0 auto;max-width:1400px;padding:48px 0}.dashboard-header{align-items:center;animation:fadeInDown .6s ease;display:flex;justify-content:space-between;margin-bottom:40px}.dashboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:17px;font-weight:400;letter-spacing:-.01em}.info-banner{align-items:flex-start;animation:slideDown .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0a84ff1a,#0a84ff0d);border:1px solid #0a84ff33;border-radius:14px;display:flex;gap:16px;margin-bottom:28px;padding:18px 22px}[data-theme=light] .info-banner{background:linear-gradient(135deg,#0a84ff14,#0a84ff08);border-color:#0a84ff26}.info-banner-icon{flex-shrink:0;font-size:24px}.archive-toggle{animation:fadeIn .4s ease;display:flex;justify-content:flex-end;margin-bottom:20px}.archive-toggle .btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .archive-toggle .btn{background:#00000008;border-color:#00000014}.archive-toggle .btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary);transform:translateY(-1px)}[data-theme=light] .archive-toggle .btn:hover{background:#0000000d;border-color:#0000001f}.archive-toggle .btn.active{background:linear-gradient(135deg,#af52de26,#af52de14);border-color:#af52de4d;color:#af52de;font-weight:600}.badge-archived{border:1px solid #8e8e934d;border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px}.info-banner-content h4{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.info-banner-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.info-banner-content strong{color:var(--primary);font-weight:600}.create-case-form{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(165deg,#232328f2,#19191efa);border:1px solid #ffffff14;border-radius:16px;margin-bottom:32px;padding:24px}[data-theme=light] .create-case-form{background:linear-gradient(165deg,#fffffffa,#f8f9fcfa);border-color:#00000014}.create-case-form h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:10px;letter-spacing:-.02em;margin-bottom:24px}.create-case-form h3:before{content:"✨";font-size:18px}.tags-selector{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.tag-button{background:#0000;border:1.5px solid;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tag-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tag-button.selected{box-shadow:0 4px 12px #0003;font-weight:700}.tag-button.selected:before{background:linear-gradient(180deg,#ffffff26,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.selected-tags-preview{background:#0a84ff1a;border:1px solid #0a84ff33;border-radius:10px;color:var(--primary);font-size:13px;font-weight:600;margin-top:14px;padding:10px 14px}.cases-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width:600px){.cases-grid{gap:16px;grid-template-columns:1fr}}.cases-grid-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.loading-spinner-small{border:3px solid var(--border);height:24px;width:24px}.case-card{background:linear-gradient(165deg,#232328f2,#19191efa);border:1px solid #ffffff14;border-radius:16px;color:inherit;display:flex;flex-direction:column;min-height:180px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .case-card{background:linear-gradient(165deg,#fffffffa,#f8f9fcfa);border:1px solid #00000014;box-shadow:0 2px 8px #0000000a,0 4px 16px #00000005}.case-card:before{background:linear-gradient(90deg,var(--primary) 0,#5ac8fa 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.case-card:hover{border-color:#0a84ff4d;box-shadow:0 12px 40px #00000059,0 4px 16px #0a84ff26,0 0 0 1px #0a84ff1a;transform:translateY(-4px)}[data-theme=light] .case-card:hover{border-color:#0a84ff40;box-shadow:0 12px 40px #0000001f,0 4px 16px #0a84ff14}.case-card:hover:before{opacity:1}.case-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.case-title-row{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.case-number-badge-small{align-items:center;background:#0a84ff1f;border-radius:6px;color:var(--primary);display:inline-flex;flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 8px}.case-header h3{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0;min-width:0;transition:color .2s ease}.case-card:hover h3{color:var(--primary)}.case-badges{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.case-badges .badge{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.case-badges .badge-open{background:linear-gradient(135deg,#32d74b26,#32d74b14);border:1px solid #32d74b40;color:#32d74b}.case-badges .badge-in_progress{background:linear-gradient(135deg,#ff9f0a26,#ff9f0a14);border:1px solid #ff9f0a40;color:#ff9f0a}.case-badges .badge-closed{background:linear-gradient(135deg,#8e8e9326,#8e8e9314);border:1px solid #8e8e9340;color:#8e8e93}.case-badges .badge-archived{background:linear-gradient(135deg,#af52de26,#af52de14);border:1px solid #af52de40;color:#af52de;font-size:10px}.priority-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.priority-badge span:first-child{font-size:12px}.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.case-tag{align-items:center;border-left:none!important;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.4px;overflow:hidden;padding:4px 10px;position:relative;text-transform:uppercase}.case-tag:before{background:linear-gradient(180deg,#ffffff26,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.case-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:13px;line-height:1.55;margin:0 0 12px;overflow:hidden;text-align:left}.case-initiator{align-items:center;background:#ffffff08;border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin-bottom:12px;padding:8px 12px}[data-theme=light] .case-initiator{background:#00000005}.initiator-label{color:var(--text-tertiary)}.initiator-name{color:var(--text-primary);font-weight:600}.case-assignments{align-items:center;display:flex;gap:8px;margin-bottom:12px}.assignments-icon{font-size:14px;opacity:.7}.assignment-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#06c 100%);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:26px;justify-content:center;margin-left:-8px;transition:transform .2s ease;width:26px}.assignment-avatar:first-of-type{margin-left:0}.case-card:hover .assignment-avatar{transform:translateY(-2px)}.assignment-more{background:#ffffff14;border-radius:12px;color:var(--text-tertiary);font-size:11px;font-weight:600;margin-left:4px;padding:4px 8px}[data-theme=light] .assignment-more{background:#0000000d}.case-footer{align-items:center;border-top:1px solid #ffffff0f;color:var(--text-tertiary);display:flex;font-size:12px;gap:20px;justify-content:space-between;margin-top:auto;padding-top:14px}[data-theme=light] .case-footer{border-top:1px solid #0000000d}.case-stats{display:flex;flex-shrink:0;gap:16px}.case-stats span{align-items:center;display:inline-flex;font-weight:500;gap:5px;transition:color .2s ease;white-space:nowrap}.case-stats span:hover{color:var(--text-secondary)}.case-stats:empty{display:none}.case-date{color:var(--text-tertiary);font-weight:500;margin-left:auto;padding-left:12px;white-space:nowrap}.empty-state{animation:fadeIn .6s ease;background:linear-gradient(165deg,#23232880,#19191e80);border:1px dashed #ffffff1a;border-radius:20px}[data-theme=light] .empty-state{background:linear-gradient(165deg,#f8f9fccc,#f0f2f5cc);border-color:#00000014}.empty-icon{filter:grayscale(30%)}.empty-state p{letter-spacing:-.01em;margin-bottom:28px}.empty-state .btn{font-size:15px;padding:14px 28px}.alert{animation:slideDown .4s ease;gap:16px;padding:16px 20px}.alert-icon{font-size:24px}.alert-warning{background:#ff9f0a26;border:1px solid #ff9f0a4d;color:var(--warning)}.alert-warning h2{color:var(--warning);font-size:18px;font-weight:600;margin-bottom:6px}.alert-warning p{color:var(--text-secondary);font-size:14px;margin:0}.alert-error{background:#ff453a26;border:1px solid #ff453a4d}.loading{gap:20px;padding:100px 40px}.loading-spinner{border-top:3px solid var(--primary);height:44px;width:44px}[data-theme=light] .loading-spinner{border-color:#00000014;border-top-color:var(--primary)}.loading p{font-size:15px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.assignment-avatar,.case-card,.case-card:after,.case-card:before,.case-tag,.category-badge,.priority-badge{animation:none!important;transition:none!important}.case-card:hover{transform:none}}.case-card:focus-visible{outline:3px solid var(--primary);outline-offset:4px}@media (max-width:768px){.case-header h3{font-size:20px}.case-description{font-size:14px}.case-card:hover{transform:translateY(-4px)}}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.confirm-dialog{animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:32px;text-align:center;width:100%}.confirm-icon{animation:bounce .6s ease;border-radius:50%;display:grid;height:80px;margin:0 auto 24px;place-items:center;width:80px}.icon-emoji{display:block;font-size:40px;line-height:1;margin:0;padding:0;transform:translateY(-2px)}.confirm-icon.danger{background:#ff453a26;box-shadow:0 0 0 12px #ff453a1a}.confirm-icon.warning{background:#ff9f0a26;box-shadow:0 0 0 12px #ff9f0a1a}.confirm-icon.info{background:#0a84ff26;box-shadow:0 0 0 12px #0a84ff1a}.confirm-icon.success{background:#34c75926;box-shadow:0 0 0 12px #34c7591a}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confirm-title{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.confirm-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px;text-align:left;white-space:pre-wrap}.confirm-message strong{color:var(--text-primary);font-weight:600}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn:not(.btn-sm){font-size:15px;font-weight:600;min-width:120px;padding:12px 24px}@media (max-width:480px){.confirm-dialog{padding:24px}.confirm-icon{font-size:32px;height:64px;width:64px}.confirm-title{font-size:18px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn:not(.btn-sm){width:100%}}.custom-actions-layout{align-items:stretch;flex-direction:column;gap:12px}.action-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;transition:all .2s ease}.action-card:hover{background:var(--bg-elevated);border-color:var(--primary);transform:translateY(-2px)}.action-card .btn{width:100%}.action-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:4px}.categories-management{padding:40px 0}.categories-header{align-items:center;animation:fadeInDown .6s ease;display:flex;justify-content:space-between;margin-bottom:32px}.categories-header h2{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.category-form{animation:slideDown .4s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:32px;padding:24px}.category-form h3{color:var(--primary);font-size:22px;font-weight:700;margin-bottom:24px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.category-form .form-input,.category-form input[type=text],.category-form textarea{background:var(--input-bg)!important;border:2px solid var(--input-border)!important;color:var(--text-primary)!important}.category-form .form-input:focus,.category-form input[type=text]:focus,.category-form textarea:focus{background:var(--input-focus-bg)!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--border-focus)!important;color:var(--text-primary)!important}.category-form .form-input::placeholder,.category-form input::placeholder,.category-form textarea::placeholder{color:var(--text-tertiary)!important}.category-form .form-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-picker{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;height:46px;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.color-picker:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:scale(1.05)}.color-input{background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;padding:10px 14px;text-transform:uppercase}.color-input:focus{background:var(--input-focus-bg);border-color:var(--primary);box-shadow:0 0 0 4px var(--border-focus);outline:none}.category-preview-box{border:2px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600;margin-bottom:20px;padding:16px 20px;text-align:center;text-shadow:0 1px 3px #00000080}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.categories-grid{grid-template-columns:1fr}}.category-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.category-color-badge{border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:48px;width:48px}.category-header h3{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em}.category-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.category-actions{border-top:2px solid var(--border-color);display:flex;gap:10px;padding-top:16px}.category-actions .btn-sm{border-radius:8px;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-actions .btn-icon-only{align-items:center;display:flex;font-size:16px;justify-content:center;min-width:40px;padding:8px 12px}.category-actions button{color:var(--text-primary);font-weight:600}.category-actions .btn-secondary{background:var(--input-bg);border:2px solid var(--border-color);color:var(--text-primary)}.category-actions .btn-secondary:hover{background:var(--hover-overlay);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-actions .btn-danger{background:#ff453a26;border:2px solid var(--danger);color:var(--danger)}.category-actions .btn-danger:hover{background:#ff453a40;border-color:var(--danger);box-shadow:0 4px 12px #ff453a4d;transform:translateY(-2px)}.custom-select{position:relative;-webkit-user-select:none;user-select:none;width:100%}.custom-select-trigger{align-items:center;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:space-between;min-height:48px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-select-trigger:hover{background:var(--hover-overlay);border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.custom-select.open .custom-select-trigger{background:var(--input-focus-bg);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-shadow)}.custom-select-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);outline:none}.custom-select-trigger:focus:not(:focus-visible){box-shadow:none}.custom-select.disabled .custom-select-trigger{cursor:not-allowed;opacity:.5;pointer-events:none}.custom-select-value{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.custom-select-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center}.custom-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{flex-shrink:0;opacity:.7;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{animation:dropdownSlideDown .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:2px solid var(--primary);border-radius:12px;box-shadow:0 12px 40px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-options{max-height:280px;overflow-y:auto;padding:6px}.custom-select-options::-webkit-scrollbar{width:8px}.custom-select-options::-webkit-scrollbar-track{background:#0000;margin:6px 0}.custom-select-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-select-options::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.custom-select-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s ease}.custom-select-option:before{background:var(--primary);background:var(--option-color,var(--primary));bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3px}.custom-select-option:hover{background:var(--hover-overlay);padding-left:18px}.custom-select-option:hover:before{transform:scaleX(1)}.custom-select-option.selected{background:color-mix(in srgb,var(--primary) 12%,#0000);font-weight:700;padding-left:18px}.custom-select-option.selected:before{transform:scaleX(1)}.custom-select-option.focused{background:var(--hover-overlay);padding-left:18px}.custom-select-option.focused:before{transform:scaleX(1)}.custom-select-option-icon{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:18px;justify-content:center}.custom-select-option-label{color:var(--text-primary);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-check{animation:checkmark .3s cubic-bezier(.4,0,.2,1);color:var(--primary);flex-shrink:0}@keyframes checkmark{0%{opacity:0;transform:scale(.5) rotate(-45deg)}50%{transform:scale(1.1) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.custom-select-trigger{font-size:14px;min-height:44px;padding:10px 14px}.custom-select-option{padding:10px 12px}.custom-select-options{max-height:240px}}[data-theme=dark] .custom-select-dropdown{background:#000000d9;border-color:var(--primary)}[data-theme=dark] .custom-select-trigger{background:#ffffff0d}[data-theme=dark] .custom-select-trigger:hover{background:#ffffff1a}[data-theme=light] .custom-select-dropdown{background:#fffffff2;border-color:var(--primary)}[data-theme=light] .custom-select-trigger{background:#00000008}[data-theme=light] .custom-select-trigger:hover{background:#0000000d}.enhanced-checklist-editor{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:1rem}.checklist-items{gap:1rem;margin-bottom:1.5rem}.checklist-item-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.checklist-item-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.checklist-item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.item-type-badge{flex-shrink:0;font-size:1.5rem}.checklist-item-title{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:500;padding:.5rem 0;transition:border-color .2s ease}.checklist-item-title:focus{border-bottom-color:var(--primary);outline:none}.item-options-preview{display:flex;flex-direction:column;gap:.5rem;padding-left:2.5rem}.option-preview-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.option-bullet{color:var(--primary);font-weight:700}.checklist-add-section{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.add-section-header{margin-bottom:1.25rem}.add-section-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.options-editor{display:flex;flex-direction:column;gap:.75rem}.option-input-group{align-items:center;display:flex;gap:.5rem}.option-input-group .form-input{flex:1 1}.btn-remove-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--danger);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.btn-remove-option:hover{background:#ff3b301a;border-color:var(--danger)}.checklist-delete-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--danger);cursor:pointer;flex-shrink:0;font-size:1rem;padding:.4rem .6rem;transition:all .2s ease}.checklist-delete-btn:hover{background:#ff3b301a;border-color:var(--danger)}.checklist-summary{background:var(--primary-shadow);border-left:4px solid var(--primary);border-radius:6px;color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem;padding:1rem}.checklist-summary strong{color:var(--primary);font-weight:700}.checklist-templates-section{margin-bottom:1.5rem;position:relative}.templates-dropdown{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.template-option{background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;padding:1rem;text-align:left;transition:background .2s ease;width:100%}.template-option:last-child{border-bottom:none}.template-option:hover{background:var(--hover-background)}.template-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.template-option-header strong{color:var(--text-primary);font-size:1rem}.template-items-count{background:var(--bg-secondary);padding:.25rem .5rem}.template-items-count,.template-option-desc{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){.enhanced-checklist-editor{padding:.75rem}.checklist-add-section{padding:1rem}.checklist-item-header{flex-wrap:wrap}.checklist-item-title{width:100%}}.checklist-templates-management{margin:0 auto;max-width:1400px;padding:24px}.templates-header{align-items:center;animation:fadeInDown .6s ease;display:flex;justify-content:space-between;margin-bottom:32px}.templates-header h2{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.template-form{animation:slideDown .4s ease;margin-bottom:32px}.template-form h3{color:var(--accent);font-size:20px;margin-bottom:24px}.checklist-items{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.checklist-item-row{align-items:center;display:flex;gap:12px}.item-controls{display:flex;flex-direction:column;gap:4px}.btn-icon{height:24px}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.checklist-item-row .form-input{flex:1 1}.templates-grid{grid-gap:24px;animation:fadeIn .6s ease;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}}.template-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .3s ease}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.template-header h3{color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;margin:0}.template-actions{display:flex;gap:8px}.template-description{font-size:14px;line-height:1.5;margin-bottom:16px}.template-meta{border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:13px;gap:16px;margin-bottom:16px;padding-bottom:16px}.template-items-preview{display:flex;flex-direction:column;gap:8px}.preview-item{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.item-checkbox{color:var(--text-secondary);font-size:16px}.item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-more{color:var(--text-secondary);font-size:13px;font-style:italic;padding-left:24px}.empty-state{grid-column:1/-1}.empty-icon{margin-bottom:16px}.empty-state p{margin-bottom:24px}.admin-panel{margin:0 auto;max-width:1400px;padding:48px 0}.admin-header{animation:fadeInDown .6s ease;margin-bottom:40px}.admin-header h1{font-size:42px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:4px}.tab,.tabs{display:flex;gap:8px}.tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;justify-content:center;padding:14px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--primary);box-shadow:var(--shadow-sm);color:#fff}.tab-badge{background:#fff3;border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.tab.active .tab-badge{background:#ffffff4d}.stats-grid{grid-gap:20px;animation:fadeIn .8s ease;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-value{color:var(--accent);font-size:48px;letter-spacing:-.02em;margin-bottom:8px}.stat-label{font-size:13px;font-weight:600}.card-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.card-header h2{font-size:24px;font-weight:600;letter-spacing:-.02em}.filter-buttons{display:flex;gap:12px}.applications-list{display:flex;flex-direction:column;gap:16px}.application-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:24px;justify-content:space-between;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.application-item:hover{background:var(--bg-elevated);border-color:var(--border);transform:translateX(4px)}.application-info{flex:1 1}.application-main{align-items:center;display:flex;gap:16px;margin-bottom:10px}.application-main h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.application-details{color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:24px}.application-details span{align-items:center;display:flex;gap:6px}.application-actions{display:flex;flex-shrink:0;gap:12px}.empty-state{color:var(--text-secondary);padding:80px 40px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.empty-state p{font-size:18px;font-weight:500}.loading{gap:24px;padding:120px 40px}.loading-spinner{border:4px solid var(--border);border-top-color:var(--accent)}.loading p{color:var(--text-secondary);font-size:16px;font-weight:500}.users-management{animation:fadeIn .5s ease}.users-management h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:24px}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.user-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.user-card-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding:28px 24px 24px;text-align:center}.user-avatar-section{flex-shrink:0;height:80px;position:relative;width:80px}.user-avatar-preview{border:3px solid var(--primary);border-radius:50%;object-fit:cover}.user-avatar-placeholder,.user-avatar-preview{box-shadow:0 4px 12px #0000001a;height:100%;width:100%}.user-avatar-placeholder{align-items:center;background:var(--primary);border:3px solid var(--border-color);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.user-info{flex:1 1;min-width:0;width:100%}.user-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 10px;word-break:break-word}.user-card-body{padding:20px 24px;text-align:center}.user-meta{color:var(--text-secondary);font-size:.95rem;gap:10px;line-height:1.5}.user-meta,.user-meta div{display:flex;flex-direction:column}.user-meta div{gap:4px}.user-meta strong{color:var(--text-tertiary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-card-actions{border-top:2px solid var(--border-color);display:flex;gap:12px;justify-content:center;padding:16px 20px}.badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.85rem;justify-content:center;padding:6px 14px}.badge-admin{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-user{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.modal-overlay{z-index:9999}.modal-content{animation:slideUp .3s ease;border:2px solid var(--border-color);box-shadow:0 8px 32px #0000004d;max-width:500px}.modal-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 16px}.modal-content p{color:var(--text-secondary);line-height:1.5;margin:12px 0}.modal-actions{margin-top:24px}.form-group{margin:16px 0}.form-group label{font-size:.95rem}@media (max-width:768px){.application-item{align-items:flex-start;flex-direction:column}.application-actions{width:100%}.application-actions button{flex:1 1}.stats-grid{grid-template-columns:repeat(2,1fr)}.tabs{flex-direction:column}.users-grid{grid-template-columns:1fr}.modal-content{padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.assignment-manager{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:0;padding:24px;position:relative;transition:all .3s ease;z-index:1}.assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.assignment-header h3{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.01em}.btn-add-assignment{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px var(--primary-shadow);color:var(--text-inverse);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-assignment:hover{box-shadow:0 4px 12px var(--primary-shadow);filter:brightness(1.1);transform:translateY(-2px)}.btn-add-assignment.active{background:linear-gradient(135deg,var(--danger) 0,#d91e18 100%);box-shadow:0 2px 8px #ff453a4d}.btn-add-assignment.active:hover{box-shadow:0 4px 12px #ff453a80}.assignments-list{display:flex;flex-direction:column;gap:12px}.assignment-item{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:14px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.assignment-item:hover{background:var(--bg-elevated);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateX(4px)}.assignment-item.owner{background:linear-gradient(135deg,#ffd60a,#ff9500);border-color:#ffd60a;border-width:2px;box-shadow:0 4px 12px #ff950066}.assignment-item.owner .assignment-name{color:#1d1d1f;font-weight:700;text-shadow:0 1px 2px #ffffff4d}.assignment-item.owner .assignment-role{color:#000c;font-weight:600}.assignment-avatar-large{border-radius:50%;box-shadow:0 2px 8px var(--primary-shadow);flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.assignment-avatar-large img{display:block;height:100%;object-fit:cover;width:100%}.assignment-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--text-inverse);display:flex;font-size:20px;font-weight:700;inset:0;justify-content:center;position:absolute}.assignment-item.owner .assignment-avatar-large{box-shadow:0 4px 12px #ffffff80}.assignment-item.owner .assignment-avatar-placeholder{background:#fff;color:#ff9500;font-weight:800}.assignment-info{flex:1 1}.assignment-name{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.assignment-role{color:var(--text-secondary);font-size:13px;font-weight:500}.assignment-badge{font-size:20px}.owner-badge{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-remove-assignment{align-items:center;background:#ff453a1a;border:none;border-radius:50%;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-assignment:hover{background:#ff453a33;transform:scale(1.15)}.no-assignments{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-tertiary);padding:40px 20px;text-align:center}.no-assignments-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.no-assignments p{font-size:14px;font-weight:500;margin:0}.assignment-form{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:var(--bg-tertiary);border:2px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d,inset 0 1px 0 var(--glass-border);margin-bottom:20px;padding:24px}.form-error{animation:shake .3s;background:#ff453a26;border:2px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:14px;margin-bottom:16px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-section{margin-bottom:20px}.form-section:last-of-type{margin-bottom:0}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.label-icon{font-size:16px}.form-input-search{background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-input-search:focus{background:var(--input-focus-bg);border-color:var(--primary);box-shadow:0 0 0 4px var(--border-focus);outline:none}.form-input-search::placeholder{color:var(--text-tertiary)}.inline-users-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:240px;overflow-y:auto;padding:4px}.inline-users-list::-webkit-scrollbar{width:8px}.inline-users-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.inline-users-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.inline-users-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.inline-user-card{align-items:center;background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-user-card:hover{background:var(--hover-overlay);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.inline-user-card.selected{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);border-width:2px;box-shadow:0 4px 12px var(--primary-shadow)}.inline-user-card.selected .inline-user-name{color:var(--text-inverse);font-weight:800}.inline-user-avatar{border-radius:50%;box-shadow:0 2px 8px var(--primary-shadow);flex-shrink:0;height:44px;overflow:hidden;position:relative;width:44px}.inline-user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.inline-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--text-inverse);display:flex;font-size:18px;font-weight:700;inset:0;justify-content:center;position:absolute}.inline-user-card.selected .inline-user-avatar{box-shadow:0 2px 8px #34c75966}.inline-user-card.selected .inline-user-avatar-placeholder{background:linear-gradient(135deg,var(--success) 0,#30d158 100%)}.inline-user-name{color:var(--text-primary);font-size:14px;font-weight:700;text-align:center;text-shadow:0 1px 2px #0000004d;word-break:break-word}.inline-user-check{align-items:center;animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55);background:var(--success);border-radius:50%;box-shadow:0 2px 6px #34c75966;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}@keyframes checkPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}.no-users-inline{color:var(--text-tertiary);font-size:14px;grid-column:1/-1;padding:32px 20px;text-align:center}.inline-role-selector{display:flex;flex-direction:column;gap:10px}.inline-role-card{align-items:center;background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:16px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-role-card input[type=radio]{opacity:0;position:absolute}.inline-role-card:hover{background:var(--hover-overlay);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.inline-role-card.selected{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-shadow)}.inline-role-card.selected .role-name{color:var(--text-inverse)}.inline-role-card.selected .role-desc{color:#fffffff2}.role-emoji{align-items:center;display:flex;flex-shrink:0;font-size:32px;height:40px;justify-content:center;width:40px}.role-text{flex:1 1;min-width:0}.role-name{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;text-shadow:0 1px 2px #0003}.role-desc{color:var(--text-secondary);font-size:14px;font-weight:500;text-shadow:0 1px 2px #0000001a}.form-actions{border-top:2px solid var(--border-color);margin-top:20px}.btn-form-submit{background:linear-gradient(135deg,var(--success) 0,#30d158 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #34c7594d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-form-submit:hover:not(:disabled){box-shadow:0 6px 16px #34c75980;filter:brightness(1.1);transform:translateY(-2px)}.btn-form-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.inline-users-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.profile-card-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10001}.profile-card{animation:slideUp .3s ease;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin:auto;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.profile-card-close{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.profile-card-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.profile-card-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:20px;padding:32px 24px 24px}.profile-avatar-large{background:var(--bg-elevated);border:3px solid var(--primary);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-header-info{flex:1 1;min-width:0}.profile-username{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px;word-break:break-word}.profile-role{align-items:center;background:var(--bg-tertiary);border-radius:16px;display:inline-flex;font-size:.85rem;gap:6px;margin-bottom:8px;padding:4px 12px}.role-icon{font-size:1rem}.role-label{font-weight:600}.profile-phone,.role-label{color:var(--text-secondary)}.profile-phone{background:var(--bg-elevated);border-radius:6px;display:inline-block;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9rem;margin-bottom:6px;padding:4px 8px}.profile-joined{color:var(--text-tertiary);font-size:.85rem}.profile-stats{grid-gap:16px;border-bottom:2px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px 24px}.profile-stat-item{text-align:center}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.profile-activity{padding:20px 24px}.activity-title{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.activity-item:hover{border-color:var(--primary);transform:translateX(4px)}.activity-icon{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-text{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:4px;word-break:break-word}.activity-excerpt{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{color:var(--text-tertiary);font-size:.75rem}.profile-card-error,.profile-card-loading,.profile-no-activity{color:var(--text-secondary);font-size:.95rem;padding:60px 24px;text-align:center}.profile-card-error{color:var(--danger)}.profile-no-activity{color:var(--text-tertiary);padding:40px 24px}@media (max-width:768px){.profile-card{max-height:90vh;max-width:100%}.profile-card-header{flex-direction:column;padding:24px 16px 20px;text-align:center}.profile-avatar-large{height:100px;width:100px}.profile-stats{gap:12px;padding:16px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.profile-activity{padding:16px}.activity-item{padding:10px}}.mention-text{word-wrap:break-word;display:inline;word-break:break-word}.mention-highlight{background:color-mix(in srgb,var(--primary) 12%,#0000);border:1px solid color-mix(in srgb,var(--primary) 30%,#0000);border-radius:4px;color:var(--primary);cursor:default;display:inline-block;font-weight:600;padding:2px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:initial;white-space:nowrap}.mention-highlight:hover{background:color-mix(in srgb,var(--primary) 20%,#0000);border-color:color-mix(in srgb,var(--primary) 50%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,#0000);transform:translateY(-1px)}.mention-highlight.clickable{cursor:pointer}.mention-highlight.clickable:hover{background:color-mix(in srgb,var(--primary) 30%,#0000);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,#0000);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.mention-highlight{background:color-mix(in srgb,var(--primary) 20%,#0000);border-color:color-mix(in srgb,var(--primary) 40%,#0000)}.mention-highlight:hover{background:color-mix(in srgb,var(--primary) 30%,#0000);border-color:color-mix(in srgb,var(--primary) 60%,#0000)}}.enhanced-checklist-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin:.75rem 0;padding:.75rem}.checklist-header{margin-bottom:.75rem}.checklist-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.35rem;margin:0 0 .5rem}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s ease}.checklist-questions{display:flex;flex-direction:column;gap:.5rem}.question-wrapper{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:.5rem;padding:.5rem .5rem .5rem 2rem;position:relative}.question-wrapper.completed{background:#007aff08;border-color:var(--primary)}.question-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;left:.5rem;position:absolute;top:.5rem;width:18px}.question-content{flex:1 1;min-width:0}.question-item{display:flex;flex-direction:column;gap:.35rem}.question-text{color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.25rem}.question-metadata{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.35rem;margin-top:.35rem}.metadata-icon{font-size:.7rem}.metadata-text{align-items:center;display:flex;gap:.25rem}.metadata-text strong{color:var(--text-primary);font-weight:600}.metadata-separator{margin:0 .15rem}.metadata-time{white-space:nowrap}.checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem;transition:background .2s ease}.checkbox-label:hover{background:var(--hover-background)}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;transition:all .2s ease;width:16px}.checkbox-custom:after{color:#fff;content:"✓";font-size:11px;font-weight:700;opacity:0;transform:scale(0);transition:transform .2s ease}.checkbox-input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-label:hover .checkbox-custom{border-color:var(--primary)}.radio-options{display:flex;flex-direction:column;gap:.35rem}.radio-label{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem .5rem;transition:all .2s ease}.radio-label:hover{background:var(--hover-background);border-color:var(--primary)}.radio-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.radio-custom{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;transition:all .2s ease;width:16px}.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;opacity:0;transform:scale(0);transition:transform .2s ease;width:8px}.radio-input:checked+.radio-custom{background:var(--primary);border-color:var(--primary)}.radio-input:checked+.radio-custom:after{opacity:1;transform:scale(1)}.radio-label:has(.radio-input:checked){background:#007aff0d;border-color:var(--primary);font-weight:500}.select-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.select-input:focus,.select-input:hover{border-color:var(--primary)}.select-input:focus{box-shadow:0 0 0 2px var(--primary-shadow);outline:none}.multiselect-options{display:flex;flex-direction:column;gap:.35rem;padding:.25rem 0}.text-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;min-height:60px;padding:.5rem .75rem;resize:vertical;transition:all .2s ease}.text-input:focus,.text-input:hover{border-color:var(--primary)}.text-input:focus{box-shadow:0 0 0 2px var(--primary-shadow);outline:none}.text-input::placeholder{color:var(--text-tertiary);font-style:italic}.checkbox-input:disabled+.checkbox-custom,.radio-input:disabled+.radio-custom,.select-input:disabled,.text-input:disabled{cursor:not-allowed;opacity:.5}.checkbox-label:has(.checkbox-input:disabled),.radio-label:has(.radio-input:disabled){cursor:not-allowed;opacity:.6}@media (max-width:768px){.enhanced-checklist-display{padding:.65rem}.question-wrapper{padding:.45rem .45rem .45rem 1.75rem}.question-number{font-size:.65rem;height:16px;left:.4rem;top:.45rem;width:16px}.question-text{font-size:.85rem}.question-metadata{font-size:.7rem}}.comment-thread{animation:slideInComment .3s ease;margin-bottom:16px}.comment-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.comment-item:hover{box-shadow:0 2px 8px #0000001a}.comment-reply{border-left:2px solid var(--primary-shadow);margin-left:calc(var(--depth)*32px);padding-left:16px}.comment-header{align-items:flex-start;margin-bottom:.75rem}.comment-author{flex:1 1;gap:.75rem}.author-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid var(--border-color);color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.author-avatar.clickable{cursor:pointer}.author-avatar.clickable:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.author-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.author-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:100%;justify-content:center;width:100%}.comment-author strong{color:var(--text-primary);display:block;font-size:.95rem}.comment-date{font-size:.85rem;margin-left:.5rem}.viewer-hint{align-items:center;background:#ff950014;border:1px solid #ff950033;border-radius:12px;display:inline-flex;font-size:.85rem;gap:6px;padding:4px 10px}.edited-badge,.viewer-hint{color:var(--text-tertiary);font-style:italic}.edited-badge{font-size:.8rem}.comment-actions{gap:.5rem}.btn-icon{border:1px solid var(--border-color);font-size:1rem;padding:.4rem .6rem}.btn-icon:hover{background:var(--hover-overlay);transform:translateY(-2px)}.btn-admin-delete{color:var(--danger);font-size:.75rem}.btn-admin-delete:hover{background:#ff3b301a;border-color:var(--danger)}.comment-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px;padding-top:8px}.comment-reactions-display{flex:1 1}.reactions-list{display:flex;flex-wrap:wrap;gap:6px}.reaction-button{align-items:center;background:var(--input-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.reaction-button:hover{background:var(--hover-overlay);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.reaction-button.active{background:var(--primary-shadow);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow);color:var(--primary);font-weight:700}.comment-quick-actions{align-items:center;display:flex;gap:16px}.btn-text{background:none;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;padding:6px 10px;transition:all .2s ease}.btn-text:hover{background:var(--primary-shadow)}.replies-count{color:var(--text-secondary);font-size:13px;font-weight:500}.reaction-picker-wrapper{position:relative}.reaction-picker{animation:popIn .2s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-xl);display:flex;gap:6px;left:0;padding:10px;position:absolute;z-index:10}@keyframes popIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-option{align-items:center;background:var(--input-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);width:40px}.reaction-option:hover{background:var(--primary-shadow);box-shadow:var(--shadow-md);transform:scale(1.2) rotate(10deg)}.reply-form{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);margin-top:12px;padding:14px}.reply-form .form-textarea{margin-bottom:8px}.reply-form-actions{display:flex;gap:8px;justify-content:flex-end}.comment-replies{margin-top:12px}@keyframes slideInComment{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.comment-reply:nth-child(2n){border-left-color:#ff95004d}.comment-reply:nth-child(3n){border-left-color:#34c7594d}.comment-reply:nth-child(5n){border-left-color:#64d2ff4d}.comment-checklist-display{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);margin:12px 0;padding:14px;transition:all .3s ease}.comment-checklist-display:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.checklist-header{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:12px}.checklist-items-display{display:flex;flex-direction:column;gap:8px}.checklist-item-display{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checklist-item-display:hover{background:var(--bg-elevated);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateX(4px)}.checklist-checkbox-display{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:20px;width:20px}.checklist-text-display{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;transition:all .3s ease}.checklist-text-display.completed{color:var(--text-tertiary);opacity:.6;text-decoration:line-through}.comment-text{word-wrap:break-word;margin-top:.5rem;max-width:100%;overflow-wrap:break-word}.comment-text>*{box-sizing:border-box;max-width:100%}.comment-text h1,.comment-text h2,.comment-text h3,.comment-text h4,.comment-text h5,.comment-text h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin:.75rem 0 .5rem}.comment-text h1{border-bottom:2px solid var(--border-color);font-size:1.5rem;padding-bottom:.3rem}.comment-text h2{border-bottom:1px solid var(--border-color);font-size:1.3rem;padding-bottom:.25rem}.comment-text h3{font-size:1.15rem}.comment-text h4{font-size:1.05rem}.comment-text h5{font-size:.95rem}.comment-text h6{color:var(--text-secondary);font-size:.85rem}.comment-text p{margin:.5rem 0;white-space:pre-wrap}.comment-text code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--primary);font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.comment-text pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin:.75rem 0;max-width:100%;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.comment-text pre code{background:none;border:none;color:var(--text-primary);padding:0}.comment-text blockquote{background:var(--primary-shadow);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic;margin:.75rem 0;padding:.5rem 1rem}.comment-text ol,.comment-text ul{margin:.5rem 0;padding-left:1.5rem}.comment-text li{margin:.25rem 0}.comment-text li::marker{color:var(--primary)}.comment-text a{border-bottom:1px solid #0000;color:var(--primary);font-weight:500;text-decoration:none;transition:border-bottom .2s ease}.comment-text a:hover{border-bottom:1px solid var(--primary)}.comment-text hr{border:none;border-top:2px solid var(--border-color);margin:1rem 0}.comment-text table{border:1px solid var(--border-color);border-collapse:collapse;display:block;margin:.75rem 0;max-width:100%;overflow-x:auto;width:auto}.comment-text td,.comment-text th{border:1px solid var(--border-color);padding:.5rem;text-align:left}.comment-text th{font-weight:600}.comment-text th,.comment-text tr:nth-child(2n){background:var(--bg-tertiary)}.comment-text img{border:1px solid var(--border-color);border-radius:6px;display:block;height:auto;margin:.75rem 0;max-width:100%;object-fit:contain}.comment-text strong{color:var(--text-primary);font-weight:700}.comment-text em{font-style:italic}.comment-text del{color:var(--text-tertiary);text-decoration:line-through}@media (max-width:768px){.comment-reply{margin-left:calc(var(--depth)*16px);padding-left:12px}.comment-footer{align-items:flex-start;flex-direction:column;gap:8px}.reaction-picker{left:auto;right:0}.reaction-option{font-size:18px;height:36px;width:36px}.comment-text h1{font-size:1.3rem}.comment-text h2{font-size:1.15rem}.comment-text h3{font-size:1.05rem}.comment-text table{font-size:.85rem}.comment-text td,.comment-text th{padding:.35rem}}.case-history-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:0;overflow:hidden;position:relative;z-index:1}.history-toggle-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 18px;transition:all .2s ease;width:100%}.history-toggle-btn:hover{background:var(--hover-overlay)}.history-icon{font-size:18px}.history-count{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:11px;box-shadow:0 2px 6px var(--primary-shadow);color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.toggle-arrow{color:var(--text-secondary);font-size:20px;font-weight:400;margin-left:auto;transform:rotate(0deg);transition:all .3s cubic-bezier(.4,0,.2,1)}.history-toggle-btn:hover .toggle-arrow{color:var(--text-primary);transform:translateX(4px)}.toggle-arrow.open,.toggle-arrow.open:not(:hover){transform:rotate(90deg)}.case-history{animation:slideDown .3s ease;padding:0 16px 16px}.history-loading{font-size:15px;gap:14px;padding:30px}.history-loading:before{animation:spin .6s linear infinite;border:3px solid var(--text-tertiary);border-radius:50%;border-top-color:var(--primary);content:"";height:22px;width:22px}.history-empty{color:var(--text-tertiary);font-size:15px;padding:30px}.history-timeline{padding-left:40px;position:relative}.history-timeline:before{background:linear-gradient(180deg,var(--primary) 0,var(--text-tertiary) 100%);border-radius:1px;bottom:0;content:"";left:14px;position:absolute;top:0;width:2px}.history-item{animation:fadeIn .3s ease;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:10px 14px;position:relative;transition:all .2s ease}.history-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a;transform:translateX(2px)}.history-item:before{background:var(--bg-secondary);border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 0 4px var(--bg-tertiary);content:"";height:28px;left:-40px;position:absolute;top:50%;transform:translateY(-50%);width:28px}.history-item:hover:before{background:var(--primary);box-shadow:0 0 0 4px var(--bg-tertiary),0 0 12px var(--primary-shadow)}.history-header{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.history-action,.history-header strong{color:var(--text-primary);font-weight:600}.history-action{flex:1 1;font-size:14px}.history-time{color:var(--text-tertiary);font-size:11px;margin-left:auto;white-space:nowrap}.history-description{color:var(--text-secondary);font-size:13px;line-height:1.4}.history-metadata{margin-top:8px}.metadata-text{background:var(--bg-tertiary);border-left:3px solid var(--primary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:12px;margin-top:4px;padding:4px 8px}.metadata-change{align-items:center;display:inline-flex;gap:6px;margin-top:4px}.change-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:3px 8px}.change-arrow{color:var(--text-tertiary);font-size:12px;font-weight:600}.history-details{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-top:6px}.history-user{align-items:center;background:var(--bg-elevated);border-radius:8px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-right:6px;padding:4px 10px;transition:all .2s ease}.history-user:hover{background:var(--primary);color:#fff}.history-value{background:var(--bg-elevated);display:inline-flex;font-weight:500;margin:0 3px;padding:3px 10px}.change-badge.status-open{background:#64d2ff26;border:1px solid #64d2ff4d;color:#64d2ff}.change-badge.status-in_progress{background:#ff9f0a26;border:1px solid #ff9f0a4d;color:#ff9f0a}.change-badge.status-closed{background:#32d74b26;border:1px solid #32d74b4d;color:#32d74b}.change-badge.status-pending{background:#64646426;border:1px solid #6464644d;color:#888}.change-badge.priority-low{background:#64d2ff26;border:1px solid #64d2ff4d;color:#64d2ff}.change-badge.priority-medium{background:#ff9f0a26;border:1px solid #ff9f0a4d;color:#ff9f0a}.change-badge.priority-high{background:#ff453a26;border:1px solid #ff453a4d;color:#ff453a}.change-badge.priority-urgent{background:#ff375f33;border:1px solid #ff375f66;color:#ff375f}.history-value.status-open{background:#64d2ff26;color:#64d2ff}.history-value.status-in_progress{background:#ff9f0a26;color:#ff9f0a}.history-value.status-closed{background:#32d74b26;color:#32d74b}.history-value.priority-low{background:#64d2ff26;color:#64d2ff}.history-value.priority-medium{background:#ff9f0a26;color:#ff9f0a}.history-value.priority-high{background:#ff453a26;color:#ff453a}.history-value.priority-urgent{animation:pulse 2s ease-in-out infinite;background:#ff375f33;color:#ff375f;font-weight:700}.history-item:last-child{margin-bottom:0}@media (max-width:768px){.history-timeline{padding-left:32px}.history-timeline:before{left:10px}.history-item{padding:8px 12px}.history-item:before{border-width:2px;box-shadow:0 0 0 3px var(--bg-tertiary);height:20px;left:-32px;width:20px}.history-item:hover:before{box-shadow:0 0 0 3px var(--bg-tertiary),0 0 10px var(--primary-shadow)}.history-header{align-items:flex-start;flex-direction:column;gap:4px}.history-header strong{font-size:12px}.history-time{font-size:10px;margin-left:0}}.history-pagination{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:12px;padding:12px 0 8px}.btn-load-more{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px var(--primary-shadow);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-load-more:hover:not(:disabled){box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-2px)}.btn-load-more:active:not(:disabled){box-shadow:0 2px 6px var(--primary-shadow);transform:translateY(0)}.btn-load-more:disabled{cursor:not-allowed;opacity:.7}.btn-load-more .loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.history-end{align-items:center;border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:16px}.history-end .end-icon{animation:sparkle 2s ease-in-out infinite;font-size:16px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.image-viewer-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}.image-viewer-container{background:var(--bg-secondary);border-radius:16px;box-shadow:0 24px 64px #000c;display:flex;flex-direction:column;height:95vh;max-height:1000px;max-width:1800px;width:95vw}.image-viewer-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 28px}.image-info h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.image-counter{color:var(--text-secondary);font-size:14px;margin-left:12px}.image-controls{display:flex;gap:8px}.image-controls button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s ease}.image-controls button:hover{background:var(--bg-hover);box-shadow:0 4px 12px var(--shadow-sm);transform:translateY(-2px)}.image-viewer-content-wrapper{display:flex;flex:1 1;overflow:hidden}.image-viewer-content{background:#000;flex:1 1;position:relative}.image-viewer-content,.nav-btn{align-items:center;display:flex;justify-content:center}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:48px;height:64px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:64px;z-index:10}.nav-btn:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 8px 24px var(--shadow-md);transform:translateY(-50%) scale(1.1)}.nav-prev{left:24px}.nav-next{right:24px}.image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;overscroll-behavior:contain;width:100%}.viewer-image{max-height:90%;max-width:90%;object-fit:contain;-webkit-user-select:none;user-select:none}.non-image-preview{color:var(--text-primary);text-align:center}.file-icon-large{display:block;font-size:80px;margin-bottom:20px}.non-image-preview p{font-size:18px;margin:20px 0}.btn-download-large{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 32px;transition:all .2s ease}.btn-download-large:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 40%,#0000);transform:translateY(-2px)}.zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated);border:2px solid var(--border);border-radius:12px;bottom:24px;display:flex;gap:8px;left:50%;padding:12px;position:absolute;transform:translateX(-50%)}.zoom-controls button{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.zoom-controls button:hover{background:var(--bg-hover);border-color:var(--primary)}.zoom-controls span{align-items:center;color:#fff;display:flex;font-size:14px;padding:0 12px}.image-comments-panel{background:var(--bg-tertiary);border-left:2px solid var(--border);display:flex;flex-direction:column;overflow:hidden;width:420px}.image-comments-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.image-comments-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.comments-count{background:color-mix(in srgb,var(--primary) 20%,#0000);border-radius:12px;color:var(--primary);font-size:12px;font-weight:600;padding:4px 12px}.image-comments-list{flex:1 1;overflow-y:auto;padding:16px}.image-comments-list::-webkit-scrollbar{width:8px}.image-comments-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.image-comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.no-comments{color:var(--text-secondary);padding:48px 24px;text-align:center}.no-comments p{margin:8px 0}.no-comments .hint{color:var(--text-tertiary);font-size:14px}.viewer-comment{margin-bottom:16px}.viewer-comment-reply{border-left:2px solid color-mix(in srgb,var(--primary) 30%,#0000);margin-left:calc(var(--depth)*32px);padding-left:16px}.viewer-comment-item{background:var(--bg-elevated);border:2px solid var(--border);border-radius:12px;padding:12px;transition:all .2s ease}.viewer-comment-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.viewer-comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.viewer-comment-author{align-items:center;display:flex;gap:12px}.viewer-author-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid var(--border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.viewer-author-avatar.clickable{cursor:pointer}.viewer-author-avatar.clickable:hover{border-color:var(--primary);box-shadow:0 0 12px #667eea80;transform:scale(1.08)}.viewer-author-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.viewer-author-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.viewer-comment-author strong{color:var(--text-primary);display:block;font-size:14px}.viewer-comment-date{color:var(--text-secondary);display:block;font-size:12px;margin-top:2px}.viewer-edited-badge{color:var(--text-tertiary);font-style:italic}.viewer-comment-actions{display:flex;gap:4px}.viewer-btn-icon{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.viewer-btn-icon:hover{color:var(--text-primary);transform:scale(1.1)}.viewer-comment-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:8px;white-space:pre-wrap}.viewer-comment-edit{margin-top:8px}.viewer-comment-edit textarea{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:60px;padding:8px;resize:vertical;width:100%}.viewer-comment-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.viewer-btn-cancel,.viewer-btn-save{border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s ease}.viewer-btn-cancel{background:var(--bg-secondary);color:var(--text-primary)}.viewer-btn-cancel:hover{background:var(--bg-hover)}.viewer-btn-save{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);color:#fff}.viewer-btn-save:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,#0000);transform:translateY(-2px)}.viewer-comment-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.viewer-btn-reaction,.viewer-btn-reply{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.viewer-btn-reaction:hover,.viewer-btn-reply:hover{background:color-mix(in srgb,var(--primary) 10%,#0000);color:var(--primary)}.viewer-comment-footer .viewer-hint{align-items:center;background:color-mix(in srgb,var(--warning) 15%,#0000);border:1px solid color-mix(in srgb,var(--warning) 30%,#0000);border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-style:italic;gap:6px;padding:6px 12px}.viewer-reactions-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated);border:2px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;gap:4px;left:0;margin-top:4px;padding:8px;position:absolute;top:100%;z-index:100}.viewer-reactions-popup button{background:#0000;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:20px;padding:6px;transition:all .2s ease}.viewer-reactions-popup button:hover{background:var(--bg-hover);transform:scale(1.2)}.viewer-reactions-popup button.active{background:color-mix(in srgb,var(--primary) 20%,#0000);border-color:var(--primary)}.viewer-comment-reactions{display:flex;flex-wrap:wrap;gap:6px}.viewer-reaction-badge{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s ease}.viewer-reaction-badge:hover{background:var(--bg-hover);border-color:var(--border-hover)}.viewer-reaction-badge.my-reaction{background:color-mix(in srgb,var(--primary) 20%,#0000);border-color:var(--primary);color:var(--primary)}.viewer-comment-replies{margin-top:12px}.image-comment-form{background:var(--bg-secondary);border-top:2px solid var(--border);padding:16px}.typing-indicator-attachment{animation:pulse 2s ease-in-out infinite;background:color-mix(in srgb,var(--warning) 10%,#0000);border:1px solid color-mix(in srgb,var(--warning) 30%,#0000);border-radius:8px;color:#ff9500;font-weight:500;gap:6px}.reply-indicator,.typing-indicator-attachment{align-items:center;display:flex;font-size:13px;margin-bottom:8px;padding:8px 12px}.reply-indicator{background:color-mix(in srgb,var(--primary) 10%,#0000);border:1px solid color-mix(in srgb,var(--primary) 30%,#0000);border-radius:8px;color:var(--primary);justify-content:space-between}.reply-indicator button{align-items:center;background:#0000;border:none;color:var(--primary);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.image-comment-form textarea{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:8px;padding:12px;resize:vertical;width:100%}.image-comment-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}.image-comment-form button[type=submit]{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.image-comment-form button[type=submit]:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,#0000);transform:translateY(-2px)}.image-comment-form button[type=submit]:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background:#000c;z-index:10001}.modal-content{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:1px solid #fff3;border-radius:16px;box-shadow:0 24px 64px #000c;min-width:400px;padding:28px}.modal-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.modal-content input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;width:100%}.modal-content input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{border:1px solid #fff3;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s ease}.modal-actions button:first-child{background:#ffffff1a;color:#fff}.modal-actions button:first-child:hover{background:#ffffff26}.modal-actions button:last-child{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);color:#fff}.modal-actions button:last-child:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 40%,#0000);transform:translateY(-2px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{color:#ffffff80;font-size:14px;padding:32px;text-align:center}@media (max-width:1200px){.image-comments-panel{width:350px}}@media (max-width:900px){.image-viewer-content-wrapper{flex-direction:column}.image-comments-panel{border-left:none;border-top:1px solid #ffffff1a;max-height:400px;width:100%}}.mention-input-wrapper{position:relative;width:100%}.mention-suggestions{animation:dropdownSlideUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 12px 32px #0000004d,0 0 0 1px #ffffff0d;left:0;max-height:250px;overflow-y:auto;padding:8px;position:absolute;right:0;z-index:1000}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mention-suggestions::-webkit-scrollbar{width:6px}.mention-suggestions::-webkit-scrollbar-track{background:#0000}.mention-suggestions::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.mention-suggestions::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mention-suggestion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.mention-suggestion-item.selected,.mention-suggestion-item:hover{background:var(--hover-overlay)}.mention-suggestion-item.selected{background:color-mix(in srgb,var(--primary) 12%,#0000)}.mention-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#0056b3 100%);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.mention-user-nickname{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600}.mention-suggestion-item.selected .mention-user-nickname{color:var(--primary)}@media (max-width:768px){.mention-suggestions{max-height:200px}.mention-suggestion-item{padding:8px 10px}.mention-user-avatar{font-size:12px;height:28px;width:28px}.mention-user-nickname{font-size:14px}}.modal-overlay{animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{animation:slideUp .25s ease-out;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.template-selector-modal{max-width:750px}.modal-header{border-bottom:1px solid var(--border-color);padding:18px 20px}.modal-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:18px}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);height:40px;margin-bottom:12px;width:40px}.empty-icon{font-size:2.5rem;margin-bottom:8px;opacity:.4}.empty-state small{color:var(--text-tertiary);display:block;font-size:.875rem;margin-top:6px}.templates-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.template-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:14px;transition:all .2s ease}.template-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.template-card.selected{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.template-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.template-card-header h3{color:var(--text-primary);flex:1 1;font-size:.9375rem;font-weight:600;line-height:1.3;margin:0}.template-items-count{background:var(--bg-elevated);border-radius:4px;color:var(--text-tertiary);flex-shrink:0;font-size:.6875rem;font-weight:600;padding:3px 8px;white-space:nowrap}.template-card.selected .template-items-count{background:var(--primary);color:#fff}.template-description{color:var(--text-secondary);font-size:.8125rem;line-height:1.3;margin:4px 0 0}.template-items-preview{border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px}.template-items-preview h4{color:var(--text-tertiary);font-size:.6875rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.template-items-preview ul{list-style:none;margin:0;padding:0}.template-items-preview li{align-items:flex-start;color:var(--text-primary);display:flex;font-size:.8125rem;line-height:1.3;padding:4px 0}.template-items-preview li:before{color:var(--primary);content:"•";flex-shrink:0;font-weight:700;margin-right:6px}.template-items-preview li.more-items{color:var(--text-secondary);font-size:.75rem;font-style:italic}.template-items-preview li.more-items:before{color:var(--text-tertiary);content:"…"}.modal-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:10px;padding:16px 18px}.modal-footer .btn:not(.btn-sm){border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-footer .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.modal-footer .btn-secondary:hover{background:var(--bg-elevated)}.modal-footer .btn-primary{background:var(--primary);color:#fff}.modal-footer .btn-primary:hover:not(:disabled){opacity:.9}.modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.4}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .template-card.selected{background:#0a84ff0d}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-header{padding:14px 16px}.modal-body{padding:14px}.modal-footer{flex-direction:column-reverse;padding:12px 14px}.modal-footer .btn:not(.btn-sm){width:100%}.templates-grid{grid-template-columns:1fr}.template-card-header{align-items:flex-start;flex-direction:column;gap:6px}}.case-relations-card{margin-top:0;padding:16px}.relations-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.relations-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.relations-header .btn-icon-only{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:0;width:36px}.relations-header .btn-icon-only.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color)}.relations-header .btn-icon-only.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--danger);color:var(--danger)}.add-relation-form{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px}.add-relation-form .form-group,.add-relation-form .form-group:last-of-type{margin-bottom:12px}.form-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:.5rem}.relation-item,.relations-list{display:flex;flex-direction:column;gap:10px}.relation-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:12px;position:relative;transition:all .2s ease}.relation-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.relation-type{align-items:center;background:var(--bg-elevated);border-left:3px solid var(--primary);border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.relation-icon{flex-shrink:0;font-size:18px}.relation-label{color:var(--text-primary);flex:1 1}.relation-direction{flex-shrink:0;font-size:18px;font-weight:700;padding:0 4px}.relation-direction.outgoing{color:#ff9500}.relation-direction.incoming{color:var(--primary)}.relation-case{align-items:center;display:flex;gap:10px;justify-content:space-between}.relation-case-title{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;min-width:0;transition:all .2s ease}.relation-case-title:hover{color:var(--primary);text-decoration:underline}.relation-case-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-number{background:color-mix(in srgb,var(--primary) 15%,#0000);border-radius:4px;color:var(--primary);flex-shrink:0;font-family:Monaco,Courier New,monospace;font-weight:700;padding:3px 6px}.relation-case-status{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.relation-case-status.status-open{background:#32d74b33;border:1px solid #32d74b4d;color:#32d74b}.relation-case-status.status-in_progress{background:#ff950033;border:1px solid #ff95004d;color:#ff9500}.relation-case-status.status-closed{background:#8e8e9333;border:1px solid #8e8e934d;color:#8e8e93}.relation-description{background:var(--bg-primary);border-left:3px solid var(--primary);border-radius:6px;color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.4;padding:8px 10px}.relation-actions{display:flex;gap:4px;position:absolute;right:8px;top:8px}.relation-item .btn-icon{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.relation-item .btn-icon:hover{background:var(--bg-tertiary);border-color:var(--primary)}.relation-item .btn-icon.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.relations-footer{border-top:2px solid var(--border-color);margin-top:12px;padding-top:12px}.btn.btn-secondary.btn-block{border-radius:8px;font-size:14px;font-weight:600;padding:10px 16px;width:100%}.loading-small{padding:1rem}.empty-message{font-size:14px;padding:40px 20px}[data-theme=dark] .relation-item{background:#2c2c2e}[data-theme=dark] .relation-type{background:#ffffff0d}[data-theme=dark] .relation-description{background:#1c1c1e}.viewer-restriction-inline{border-radius:8px;display:inline-flex;font-weight:500;gap:8px;padding:8px 14px}.viewer-restriction-inline-icon{font-size:1rem;opacity:.8}@media (max-width:768px){.relations-header{align-items:flex-start;flex-direction:column;gap:.75rem}.relation-case-title{flex-wrap:wrap}}.viewer-restriction{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#ff950014,#ff3b3014);border:2px solid #ff950040;border-radius:var(--radius-lg);display:flex;gap:20px;margin:20px 0;padding:24px}.viewer-restriction-icon{flex-shrink:0;font-size:48px;opacity:.6}.viewer-restriction-content{flex:1 1}.viewer-restriction-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:6px}.viewer-restriction-title:before{content:"🔒";font-size:1rem}.viewer-restriction-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:8px}.viewer-restriction-hint{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.viewer-restriction-inline{align-items:center;background:#ff95001a;border:1px solid #ff95004d;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9rem;gap:12px;padding:12px 16px}.viewer-restriction-inline-icon{font-size:1.2rem;opacity:.7}@media (max-width:768px){.viewer-restriction{flex-direction:column;padding:20px;text-align:center}.viewer-restriction-icon{font-size:40px}}.case-persons{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:16px}.persons-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.persons-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.persons-header .btn-icon-only{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;padding:0;width:36px}.persons-loading{color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}.persons-empty{padding:60px 20px;text-align:center}.persons-empty .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.persons-empty p{color:var(--text-secondary);font-size:18px;margin-bottom:24px}.persons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.person-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px;position:relative;transition:all .3s ease}.person-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.person-avatar{background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.person-avatar img{height:100%;object-fit:cover;width:100%}.person-avatar-placeholder{align-items:center;background:var(--primary);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.person-info{flex:1 1;min-width:0}.person-name{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 4px;word-break:break-word}.person-role{background:color-mix(in srgb,var(--primary) 15%,#0000);border-radius:4px;color:var(--primary);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;padding:3px 8px;text-transform:uppercase}.person-phone{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.person-notes,.person-phone{color:var(--text-secondary);font-size:13px;margin:4px 0}.person-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.person-meta{color:var(--text-tertiary);font-size:11px;margin-top:4px}.person-added{align-items:center;display:flex;gap:6px}.person-actions{display:flex;flex-direction:column;gap:6px}.btn-icon{border:2px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;height:32px;padding:0;transition:all .2s ease;width:32px}.btn-icon.btn-danger:hover{background:var(--danger);border-color:var(--danger)}.person-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.person-form-modal{animation:slideDown .3s ease;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.person-form-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:24px}.person-form-header h4{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.btn-close{background:none;padding:0}.btn-close:hover{color:var(--danger)}.person-form{padding:24px}.form-input{font-size:14px;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 3px var(--border-focus)}.form-input::placeholder{color:var(--text-tertiary)}textarea.form-input{font-family:inherit}.form-hint{color:var(--text-tertiary);display:block;font-size:12px;margin-top:6px}.avatar-upload{display:flex;flex-direction:column;gap:12px}.avatar-preview{border:3px solid var(--primary);border-radius:50%;height:120px;overflow:hidden;position:relative;width:120px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.btn-remove-avatar{background:var(--danger);right:4px;top:4px}.avatar-input{display:none}.alert{border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:color-mix(in srgb,var(--danger) 15%,#0000);border:2px solid color-mix(in srgb,var(--danger) 30%,#0000)}.alert-info{background:color-mix(in srgb,var(--primary) 15%,#0000);border:2px solid color-mix(in srgb,var(--primary) 30%,#0000);color:var(--primary)}.persons-search{margin-bottom:16px;position:relative}.search-input{background:var(--input-bg);border:2px solid var(--input-border);font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease}.search-input:focus{background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--border-focus)}.search-input::placeholder{color:var(--text-tertiary)}.btn-clear-search{align-items:center;background:var(--bg-tertiary);border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;right:8px;width:28px}.btn-clear-search:hover{background:var(--danger);color:#fff;transform:translateY(-50%) scale(1.1)}.person-card.draggable{cursor:grab}.person-card.dragging{opacity:.5;transform:scale(.95)}.drag-handle{color:var(--text-tertiary);cursor:grab;font-size:16px;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.person-card:hover .drag-handle{opacity:1}.person-card.draggable:active{cursor:grabbing}.history-modal{max-height:80vh;max-width:700px}.history-content{max-height:calc(80vh - 100px);overflow-y:auto;padding:24px}.history-loading{padding:40px;text-align:center}.history-empty .empty-icon{font-size:64px;opacity:.3}.history-empty p{color:var(--text-secondary);font-size:16px}.history-list{display:flex;flex-direction:column;gap:16px}.history-entry{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.history-entry:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.history-entry-header{border-bottom:2px solid var(--border);margin-bottom:12px;padding-bottom:12px}.history-change-type{color:var(--primary);font-size:14px;font-weight:700}.history-date{font-size:12px}.history-entry-body{display:flex;flex-direction:column;gap:8px}.history-author,.history-case,.history-field{color:var(--text-secondary);font-size:13px}.history-field strong{color:var(--text-primary)}.history-changes{background:var(--bg-elevated);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.history-new-value,.history-old-value{border-radius:var(--radius-sm);font-size:13px;margin:4px 0;padding:4px 8px}.history-old-value{background:color-mix(in srgb,var(--danger) 10%,#0000);color:var(--text-primary)}.history-new-value{background:color-mix(in srgb,#28a745 10%,#0000);background:color-mix(in srgb,var(--success,#28a745) 10%,#0000);color:var(--text-primary)}.history-new-value .label,.history-old-value .label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.person-details{background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;margin:8px 0;padding:8px}.person-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.detail-icon{font-size:14px;text-align:center;width:20px}.person-additional,.person-notes,.person-role{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;line-height:1.4;margin-top:8px;padding:8px}.person-role{border-left:3px solid var(--primary)}.person-notes{border-left:3px solid orange}.person-additional{border-left:3px solid #4caf50}.person-additional strong,.person-notes strong,.person-role strong{color:var(--text-primary);display:block;margin-bottom:4px}.load-more-persons{display:flex;justify-content:center;margin-top:12px;padding:16px 0}.load-more-persons .btn{min-width:200px}.comments-badge{background:var(--primary);border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.person-comments-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:95%}.person-comments-modal .modal-body{flex:1 1;overflow-y:auto;padding:16px}.comment-add-form{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px}.comment-add-form textarea{min-height:80px;resize:vertical}.comment-add-form .btn{align-self:flex-end}.person-comments-list{display:flex;flex-direction:column;gap:12px}.loading-comments,.no-comments{color:var(--text-secondary);padding:30px;text-align:center}.person-comment{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px}[data-theme=light] .person-comment{background:#00000005}.person-comment .comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.person-comment .comment-author-info{align-items:center;display:flex;gap:10px}.person-comment .comment-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.person-comment .comment-avatar img{height:100%;object-fit:cover;width:100%}.person-comment .comment-meta{display:flex;flex-direction:column;gap:2px}.person-comment .comment-author{color:var(--text-primary);font-size:13px;font-weight:600}.person-comment .comment-date{color:var(--text-tertiary);font-size:11px}.person-comment .comment-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap}.load-more-comments-btn{margin-top:8px;width:100%}@media (max-width:768px){.persons-grid{grid-template-columns:1fr}.person-card{flex-direction:column;text-align:center}.person-avatar{margin:0 auto}.person-actions{flex-direction:row;justify-content:center}.person-form-modal{max-width:100%}.form-row{grid-template-columns:1fr}.avatar-placeholder-large,.avatar-preview-large{height:120px;width:120px}.person-comments-modal{max-height:90vh;max-width:100%}}.markdown-guide{margin-bottom:1rem}.markdown-guide-toggle{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.markdown-guide-toggle:hover{background:var(--primary-shadow);border-color:var(--primary);color:var(--primary)}.markdown-guide-content{animation:slideDown .2s ease;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-top:.75rem;padding:1rem}.markdown-guide-content h4{color:var(--primary);font-size:1rem;margin:0 0 1rem}.guide-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.guide-section strong{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:.25rem}.guide-section code{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--primary);display:block;font-family:Monaco,Courier New,monospace;padding:.4rem .6rem}.guide-note,.guide-section code{border-radius:4px;font-size:.85rem}.guide-note{background:var(--primary-shadow);border-left:3px solid var(--primary);color:var(--text-secondary);margin:1rem 0 0;padding:.75rem}.case-view{margin:0 auto;max-width:1400px;padding:20px}.case-view-header{margin-bottom:20px}.case-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px;margin-top:24px}.case-main{min-width:0}.case-sidebar{display:flex;flex-direction:column;gap:20px}.case-details{margin-bottom:0}.case-details-header{margin-bottom:20px}.case-title-section{margin-bottom:16px}.case-header-top{gap:16px;margin-bottom:12px}.case-title-wrapper h1{font-size:1.75rem;word-break:break-word}.case-number-badge{background:var(--primary);font-family:Monaco,Courier New,monospace}.case-number-badge,.incident-number-badge{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;padding:4px 10px;vertical-align:middle}.incident-number-badge{background:#ff950026;border:1px solid #ff95004d;border-radius:6px;color:#ff9500;gap:4px}.incident-number-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin:16px 0;padding:12px}.incident-number-display{align-items:center;display:flex;gap:12px;justify-content:space-between}.incident-number-content{align-items:center;display:flex;flex:1 1;gap:8px}.incident-number-content strong{color:var(--text-primary);font-weight:600}.incident-number-value{color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-weight:500}.incident-number-empty{color:var(--text-secondary);font-style:italic}.btn-edit-incident{background:#0000;border:none;cursor:pointer;font-size:1.1rem;opacity:.6;padding:4px 8px;transition:opacity .2s ease}.btn-edit-incident:hover{opacity:1}.incident-number-editor{display:flex;flex-direction:column;gap:12px}.incident-editor-actions{display:flex;gap:8px;justify-content:flex-end}.case-controls-compact,.compact-badges{flex-wrap:wrap;gap:8px}.compact-badges{display:flex}.compact-badge{border-radius:6px;font-size:.85rem;padding:4px 10px}.badge-viewer{background:#ff950026;border:1px solid #ff95004d;color:#ff9500}.badge-archived{background:#8e8e9326;color:#8e8e93}.badge-open{background:#32d74b26;color:#32d74b}.badge-in_progress{background:#ff950026;color:#ff9500}.badge-closed{background:#8e8e9326;color:#8e8e93}.case-priority-badge{font-size:.9rem}.case-map-badge,.case-priority-badge{border-radius:6px;display:flex;gap:6px}.case-map-badge{align-items:center;background:#0a84ff26;border:1px solid #0a84ff4d;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.case-map-badge:hover{background:var(--primary);border-color:var(--primary);color:#fff}.case-meta{font-size:.9rem}.case-tags-section{margin:16px 0}.case-tags-display{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.case-tag{border-radius:6px;display:inline-block;font-weight:600}.btn-edit-tags,.case-tag{font-size:.85rem;padding:6px 12px}.btn-edit-tags{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-edit-tags:hover{background:var(--primary-shadow);border-color:var(--primary);color:var(--primary)}.case-description-full{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.case-description-full h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 12px}.case-description-full p{color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.btn-actions-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:1.2rem;padding:4px 10px}.btn-actions-menu:hover{background:var(--bg-tertiary)}.actions-menu-dropdown{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:4px;min-width:200px;top:100%}.action-menu-item{background:none;display:block;font-size:.95rem;text-align:left;transition:background .2s ease}.action-menu-item:hover{background:var(--hover-background)}.action-menu-item.danger{color:#ff3b30}.upload-section{margin-bottom:20px}.upload-dropzone{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:48px 24px;position:relative;text-align:center;transition:all .2s ease}.upload-dropzone:hover{transform:translateY(-1px)}.upload-dropzone.drag-over,.upload-dropzone:hover{background:var(--primary-shadow);border-color:var(--primary)}.upload-dropzone.drag-over{border-style:solid;border-width:3px;transform:scale(1.01)}.upload-dropzone-icon{font-size:56px;margin-bottom:16px;opacity:.4;transition:all .2s ease}.upload-dropzone:hover .upload-dropzone-icon{opacity:.6;transform:scale(1.1)}.upload-dropzone-text{color:var(--text-primary);font-size:1.05rem;font-weight:500;margin-bottom:8px}.upload-dropzone-hint{color:var(--text-tertiary);font-size:.875rem}.selected-files-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:20px}.selected-file-item{aspect-ratio:4/3;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:var(--radius-md);overflow:hidden;position:relative}.selected-file-preview{height:100%;object-fit:cover;object-position:center;width:100%}.selected-file-name{background:linear-gradient(0deg,#000000d9 0,#0006 70%,#0000);bottom:0;color:#fff;font-size:.75rem;font-weight:500;left:0;overflow:hidden;padding:10px 8px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.btn-remove-file{align-items:center;background:#ff3b30e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:2}.btn-remove-file:hover{background:#ff3b30;transform:scale(1.1)}.upload-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.upload-progress{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:16px;padding:16px}.upload-progress-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.upload-progress-fill{background:var(--primary);height:100%;transition:width .3s ease}.upload-progress-text{color:var(--text-secondary);font-size:.85rem;text-align:center}.attachments-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.empty-message{color:var(--text-tertiary);grid-column:1/-1;padding:60px 20px}.attachment-item-card{aspect-ratio:4/3;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.attachment-item-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.attachment-item-card.non-image{align-items:center;cursor:default;display:flex;flex-direction:column;justify-content:center;padding:20px}.attachment-item-card.non-image:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.attachment-icon{font-size:56px;margin-bottom:12px;opacity:.5}.attachment-image-preview{height:100%;object-fit:cover;object-position:center;width:100%}.attachment-info{background:linear-gradient(0deg,#000000d9 0,#00000080 70%,#0000);bottom:0;color:#fff;left:0;padding:16px 12px 10px;position:absolute;right:0}.attachment-name{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{align-items:center;display:flex;font-size:.75rem;gap:6px;opacity:.85}.comment-badge{font-size:1rem}@media (max-width:1024px){.case-content{grid-template-columns:1fr}.case-sidebar{order:2}.attachments-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.case-view{padding:12px}.case-header-top{flex-direction:column}.case-controls-compact{width:100%}.attachments-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.upload-dropzone{padding:36px 20px}.upload-dropzone-icon{font-size:48px}.selected-files-preview{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:480px){.attachments-list,.selected-files-preview{grid-template-columns:repeat(2,1fr)}}.case-details-header{margin-bottom:24px}.case-title-section{width:100%}.case-header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.case-title-wrapper{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.case-title-wrapper h1{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2;margin:0}.case-number-badge{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;color:#fff;font-size:15px;letter-spacing:.5px;padding:6px 14px}.case-controls-compact{align-items:flex-start;display:flex;flex-shrink:0;gap:12px}.case-controls-compact .priority-control{flex:1 1;min-width:180px}.case-controls-compact .status-control{flex:1 1;min-width:160px}.case-controls-compact .custom-select-trigger{font-size:14px;min-height:44px;padding:10px 14px}.actions-menu-wrapper{position:relative}.btn-actions-menu{align-items:center;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.btn-actions-menu:hover{background-color:var(--hover-overlay);border-color:var(--primary);transform:scale(1.05)}.actions-menu-dropdown{animation:slideDown .2s ease;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0003;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.action-menu-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;line-height:1.4;padding:12px 16px;position:relative;text-align:center;transition:all .2s ease;width:100%}.action-menu-item:hover{background:var(--hover-overlay)}.action-menu-item.danger{color:var(--danger)}.action-menu-item.danger:hover{background:#ff3b301a}.case-status-badges{display:flex;gap:8px}.compact-badge{border-radius:8px;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.compact-badge.badge-archived{background:#8e8e9326;color:#8e8e93}.compact-badge.badge-open{background:#34c75926;color:#34c759}.compact-badge.badge-in_progress{background:#ff950026;color:#ff9500}.compact-badge.badge-closed{background:#8e8e9326;color:#8e8e93}.case-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.case-priority-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.case-priority-badge span{font-size:16px}.case-meta{font-size:14px;margin:0}.btn-markdown-toggle{background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-markdown-toggle:hover{background:var(--hover-overlay);border-color:var(--primary);color:var(--primary)}.btn-markdown-toggle.active{background:var(--primary-shadow);border-color:var(--primary);color:var(--primary);font-weight:700}.btn-checklist-toggle,.btn-template-toggle{background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-checklist-toggle:hover,.btn-template-toggle:hover{background:var(--hover-overlay);border-color:var(--primary);color:var(--primary)}.btn-file-label{background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-file-label:hover{background:var(--hover-overlay);border-color:var(--primary);color:var(--primary)}.file-count{color:var(--text-secondary);font-size:.85rem;padding:.5rem}.comment-file-upload{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.65rem}.comment-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.25rem}.comment-form .form-textarea{margin-bottom:1.25rem;min-height:120px;resize:vertical}.comment-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-top:1rem}.comment-form-footer .btn-primary{flex-shrink:0;font-size:.95rem;font-weight:600;padding:.65rem 1.5rem}.comments-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.empty-message{color:var(--text-secondary);font-size:.95rem;font-style:italic;padding:3rem 2rem;text-align:center}.typing-indicator{background:var(--primary-shadow);border-left:3px solid var(--primary);border-radius:6px;color:var(--primary);font-size:.85rem;font-style:italic;margin-bottom:.75rem;padding:.5rem .75rem}.comment-edit-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.comment-edit-wrapper .form-textarea{margin-bottom:.5rem}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width:768px){.case-header-top{align-items:flex-start;flex-direction:column}.case-controls-compact{flex-wrap:wrap;width:100%}.case-controls-compact .priority-control,.case-controls-compact .status-control{flex:1 1;min-width:140px}.case-title-wrapper h1{font-size:24px}.actions-menu-dropdown{left:0;right:auto}.comment-file-upload{width:100%}.btn-checklist-toggle,.btn-file-label,.btn-markdown-toggle,.btn-template-toggle{font-size:.8rem;padding:.4rem .8rem}}.unified-comments-filters{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;margin-top:16px;padding-bottom:16px}.filter-btn{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}[data-theme=light] .filter-btn{background:#00000008}.filter-btn:hover{background:#ffffff14;border-color:var(--primary);color:var(--text-primary)}[data-theme=light] .filter-btn:hover{background:#0000000d}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-icon{font-size:14px}.filter-label{font-weight:500}.filter-count{background:#fff3;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.filter-btn:not(.active) .filter-count{background:#ffffff1a}[data-theme=light] .filter-btn:not(.active) .filter-count{background:#00000014}.unified-comments-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.unified-comments-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:28px;width:28px}.unified-comment{background:#ffffff08;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px;transition:all .2s ease}[data-theme=light] .unified-comment{background:#00000005}.unified-comment:hover{background:#ffffff0d;border-color:#ffffff26}[data-theme=light] .unified-comment:hover{background:#00000008;border-color:#0000001a}.unified-comment-wrapper{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px}.unified-comment-wrapper .comment-type-label{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px}.unified-comment-wrapper.unified-comment-case{border-left:3px solid #0a84ff}[data-theme=light] .unified-comment-wrapper{background:#00000005}.unified-comment-case{border-left:3px solid #0a84ff}.unified-comment-attachment{border-left:3px solid #32d74b}.unified-comment-person{border-left:3px solid #ff9f0a}.comment-type-label{align-items:center;display:flex;font-size:11px;gap:6px;letter-spacing:.3px;margin-bottom:10px;text-transform:uppercase}.type-icon{font-size:12px}.type-text{color:var(--text-tertiary);font-weight:600}.unified-comment-case .type-text{color:#0a84ff}.unified-comment-attachment .type-text{color:#32d74b}.unified-comment-person .type-text{color:#ff9f0a}.target-link{background:none;background:#ffffff0f;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:500;padding:2px 6px;transition:all .2s ease}[data-theme=light] .target-link{background:#0000000a}.target-link:hover{background:var(--primary);color:#fff}.gang-badge{font-weight:400;margin-left:4px;opacity:.7}.unified-comment .comment-content{display:flex;flex-direction:column;gap:8px}.unified-comment .comment-author{align-items:center;display:flex;gap:10px}.unified-comment .author-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid var(--border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.unified-comment .author-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.unified-comment .author-avatar .avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.unified-comment .author-info{display:flex;flex-direction:column;gap:2px}.unified-comment .author-name{color:var(--text-primary);font-size:13px;font-weight:600}.unified-comment .comment-date{color:var(--text-tertiary);font-size:11px}.unified-comment .comment-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;padding-left:42px;white-space:pre-wrap}.load-more-comments{display:flex;justify-content:center;margin-top:8px;padding:20px 0}.load-more-btn{align-items:center;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:10px 24px}.load-more-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:16px;width:16px}@media (max-width:768px){.unified-comments-filters{gap:6px}.filter-btn{font-size:12px;padding:6px 10px}.filter-label{display:none}.filter-btn.active .filter-label{display:inline}.unified-comment .comment-text{margin-top:8px;padding-left:0}}.color-picker{position:relative;z-index:1}.color-picker h3{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.color-picker-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.preset-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(10,1fr);margin-bottom:24px;max-width:100%}.color-button{align-items:center;aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a,inset 0 1px 1px #fff3;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.color-button:hover{box-shadow:0 4px 16px #0003,inset 0 1px 1px #fff3;transform:translateY(-2px)}.color-button.active{border-color:var(--text-primary);box-shadow:0 4px 16px #0000004d,0 0 0 4px var(--bg-secondary),inset 0 1px 1px #fff3;transform:scale(1.05)}.check-icon{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);font-size:24px;font-weight:700}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.custom-color-section{border-top:1px solid var(--border-color);margin-bottom:20px;padding-top:20px}.custom-color-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;letter-spacing:-.2px;margin-bottom:12px}.custom-color-input-group{align-items:center;display:flex;gap:12px}.custom-color-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;height:50px;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.custom-color-input:hover{border-color:var(--primary);transform:scale(1.05)}.custom-color-text{background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:SF Mono,Courier New,monospace;font-size:16px;font-weight:600;height:50px;padding:0 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-color-text:focus{background:var(--bg-tertiary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}.color-picker-saving{animation:pulse 1.5s ease-in-out infinite;background:color-mix(in srgb,var(--primary) 10%,#0000);border:1px solid color-mix(in srgb,var(--primary) 30%,#0000);border-radius:12px;color:var(--primary);font-size:14px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}.color-preview{border-top:1px solid var(--border-color);padding-top:20px}.color-preview h4{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:16px}.preview-buttons{align-items:center;display:flex;gap:16px}.preview-buttons .btn,.preview-buttons a{transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-buttons a{font-size:16px;font-weight:600;text-decoration:none}.preview-buttons a:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.preset-colors{gap:10px;grid-template-columns:repeat(5,1fr)}.color-button{aspect-ratio:1}.custom-color-input{height:45px;width:60px}.custom-color-text{font-size:14px;height:45px}}@media (max-width:480px){.preset-colors{gap:8px;grid-template-columns:repeat(4,1fr)}}.profile-settings{animation:fadeIn .5s ease;margin:0 auto;max-width:900px;padding:40px 20px}.settings-header{align-items:center;display:flex;gap:20px;margin-bottom:40px}.btn-back{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:hover{background:var(--hover-overlay);border-color:var(--primary);transform:translateX(-4px)}.settings-header h1{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.02em}.alert{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:24px;padding:18px 24px}.alert:before{content:"";font-size:20px;line-height:1}.animate-slideUp{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.alert-error{background:linear-gradient(135deg,#ff453a26,#ff453a14);border-color:var(--danger);color:var(--danger)}.alert-error:before{content:"❌"}.alert-success{background:linear-gradient(135deg,#34c75926,#34c75914);border-color:var(--success);color:var(--success)}.alert-success:before{content:"✅"}.settings-section{animation:slideUp .4s ease;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:32px}.settings-section h2{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.section-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.profile-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-radius:var(--radius-lg);flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{background:var(--primary);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.info-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.info-card:hover:before{transform:scaleX(1)}.info-card-header{align-items:center;display:flex;gap:24px;justify-content:space-between}.info-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value-large{color:var(--text-primary);font-size:20px;font-weight:600;line-height:1.4}.btn-icon{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.btn-icon:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px var(--primary-shadow);opacity:1;transform:scale(1.15) rotate(15deg)}.btn-icon:active{transform:scale(.95) rotate(0deg)}.inline-form{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:10px;padding:4px;width:100%}.form-input-small{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input-small:focus{outline:none}.inline-form-actions{align-items:center;display:flex;gap:6px}.inline-form-actions .btn-sm{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.inline-form-actions .btn-sm:before{background:linear-gradient(135deg,#0000,#fff3);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.inline-form-actions .btn-sm:hover:before{opacity:1}.inline-form-actions .btn-success.btn-sm{background:linear-gradient(135deg,var(--success) 0,#30d158 100%);box-shadow:0 4px 12px #34c7594d;color:#fff}.inline-form-actions .btn-success.btn-sm:hover:not(:disabled){box-shadow:0 6px 20px #34c75966;transform:translateY(-2px) scale(1.05)}.inline-form-actions .btn-success.btn-sm:active:not(:disabled){transform:translateY(0) scale(.98)}.inline-form-actions .btn-success.btn-sm:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.inline-form-actions .btn-secondary.btn-sm{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary)}.inline-form-actions .btn-secondary.btn-sm:hover{background:var(--hover-overlay);border-color:var(--danger);box-shadow:0 4px 12px #ff453a33;color:var(--danger);transform:translateY(-2px) scale(1.05)}.inline-form-actions .btn-secondary.btn-sm:active{transform:translateY(0) scale(.98)}.badge{border-radius:var(--radius-sm);font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-admin{background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff}.badge-approved{background:linear-gradient(135deg,var(--success) 0,#30d158 100%);color:#fff}.theme-quick-toggle{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px var(--primary-shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-quick-toggle:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.theme-quick-toggle:hover:before{height:300px;width:300px}.theme-quick-toggle:hover{box-shadow:0 6px 20px var(--primary-shadow);transform:translateY(-2px) scale(1.05)}.theme-quick-toggle:active{transform:translateY(0) scale(.98)}.password-form{gap:20px}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary)}.form-input{background:var(--input-bg);border:2px solid var(--input-border)}.form-input:focus{background:var(--input-focus-bg);box-shadow:0 0 0 4px var(--border-focus)}.twofa-enabled,.twofa-setup{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.qr-code-container{text-align:center}.qr-code-container h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.qr-code{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:inline-block;margin-bottom:16px;padding:20px}.qr-code img{display:block;height:auto;max-width:256px;width:100%}.secret-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:24px}.secret-text code{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--primary);display:inline-block;font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:600;letter-spacing:2px;margin-top:8px;padding:8px 16px}.disable-form,.verification-form{margin-top:20px}.disable-form h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.disable-form p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.code-input{background:var(--input-bg);border:3px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-family:SF Mono,Monaco,monospace;font-size:28px;font-weight:700;letter-spacing:8px;margin:0 auto 20px;max-width:240px;padding:16px 24px;text-align:center;transition:all .3s ease;width:100%}.code-input:focus{background:var(--input-focus-bg);border-color:var(--primary);box-shadow:0 0 0 6px var(--border-focus);outline:none}.status-badge{background:#34c75926;border:2px solid var(--success);border-radius:var(--radius-md);gap:10px;margin-bottom:24px;padding:12px 20px}.status-icon{font-size:24px}.status-text{color:var(--success);font-size:15px;font-weight:600}.loading-small{padding:20px}.loading-small,.no-data{color:var(--text-secondary);text-align:center}.no-data{font-style:italic;padding:40px}.login-history-table{display:flex;flex-direction:column;gap:12px}.log-item{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .3s ease}.log-item:hover{transform:translateX(4px)}.log-item.expanded,.log-item:hover{border-color:var(--primary)}.log-main{gap:16px;padding:16px 20px}.log-icon,.log-main{align-items:center;display:flex}.log-icon{background:var(--primary-shadow);border-radius:50%;font-size:24px;height:40px;justify-content:center;width:40px}.log-info{flex:1 1}.log-location{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.log-time{font-size:13px}.log-arrow,.log-time{color:var(--text-secondary)}.log-arrow{font-size:12px;transition:transform .3s ease}.log-item.expanded .log-arrow{transform:rotate(90deg)}.log-details{animation:slideDown .3s ease;display:flex;flex-direction:column;gap:12px;padding:0 20px 16px 76px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-item{align-items:center;display:flex;gap:12px}.detail-label{color:var(--text-secondary);font-size:13px;font-weight:600;min-width:100px}.detail-value{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:14px;font-weight:500;padding:4px 10px}.avatar-section{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:32px;padding:24px}.avatar-preview-large{background:var(--bg-elevated);border:4px solid var(--primary);flex-shrink:0}.avatar-placeholder-large{background:var(--primary);color:#fff;font-size:64px;font-weight:700;height:100%;width:100%}.btn-remove-avatar-large{align-items:center;background:var(--danger);border:none;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:40px}.btn-remove-avatar-large:hover{box-shadow:0 4px 12px #ff3b3080;transform:scale(1.1)}.avatar-controls{display:flex;flex:1 1;flex-direction:column;gap:16px}.avatar-controls .btn{align-self:flex-start}.file-input{display:none}.inline-edit-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.form-hint-inline{animation:fadeIn .3s ease;color:var(--text-secondary);font-size:12px;font-style:italic;margin-left:4px;opacity:.8}.inline-form-actions .btn-sm{font-size:13px;font-weight:600;min-width:80px;padding:0 12px}@media (max-width:768px){.avatar-section{flex-direction:column;text-align:center}.avatar-controls{align-items:center;width:100%}.avatar-controls .btn{align-self:stretch}.profile-settings{padding:20px 16px}.settings-header{align-items:flex-start;flex-direction:column}.settings-header h1{font-size:24px}.settings-section{padding:24px 20px}.profile-info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.log-details{padding-left:20px}.detail-item{align-items:flex-start;flex-direction:column}.detail-label{min-width:auto}}.awaiting-approval{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.awaiting-approval-content{max-width:700px;text-align:center;width:100%}.approval-icon{margin-bottom:32px}.icon-circle{align-items:center;background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--primary);display:inline-flex;height:120px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.icon-circle:hover{box-shadow:0 20px 40px var(--primary-shadow);transform:scale(1.05)}.approval-title{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.approval-message{color:var(--text-secondary);font-size:18px;line-height:1.6;margin-bottom:48px}.approval-message strong{color:var(--primary);font-weight:600}.approval-info{grid-gap:20px;display:grid;gap:20px;margin-bottom:48px}.info-card{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:32px}.info-text h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.info-text p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.approval-features{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:32px}.approval-features h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.approval-features ul{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.approval-features li{background:var(--bg-primary);border-radius:8px;color:var(--text-secondary);font-size:15px;padding:12px;transition:all .2s ease}.approval-features li:hover{background:var(--hover-overlay);color:var(--primary);transform:translateX(4px)}.approval-actions{margin-bottom:24px}.approval-actions .btn{font-size:16px;min-width:200px;padding:14px 32px}.approval-footer{color:var(--text-tertiary);font-size:14px;font-style:italic}@media (max-width:768px){.approval-title{font-size:28px}.approval-message{font-size:16px}.icon-circle{height:100px;width:100px}.icon-circle svg{height:60px;width:60px}.approval-features ul{grid-template-columns:1fr}}.detective-board{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;height:100vh;overflow:hidden}.board-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border-bottom:1px solid #ffffff14;box-shadow:0 4px 30px #0000004d;justify-content:space-between;padding:1.25rem 2rem}.board-header,.board-title h1{align-items:center;display:flex}.board-title h1{color:#fff;font-size:1.6rem;font-weight:700;gap:.5rem;letter-spacing:-.02em;margin:0}.board-subtitle{color:#ffffff80;font-size:.85rem;margin:.25rem 0 0}.board-actions{display:flex;gap:.6rem}.board-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.board-actions .btn-secondary{background:#ffffff14;color:#fff}.board-actions .btn-secondary:hover{background:#ffffff26}.board-actions .btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.board-actions .btn-info:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-1px)}.board-actions .btn-outline{background:#0000;border:1px solid #fff3;color:#fff}.board-actions .btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}.board-actions .btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.board-actions .btn-warning:hover{box-shadow:0 4px 15px #f59e0b66;transform:translateY(-1px)}.board-actions .btn-primary{background:linear-gradient(135deg,#00d26a,#00a854);color:#fff}.board-actions .btn-primary:hover{box-shadow:0 4px 15px #00d26a66;transform:translateY(-1px)}.board-stats{background:#0f0f19e6;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;padding:.75rem 2rem}.stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:.6rem 1.25rem;transition:all .2s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d26a,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;line-height:1}.stat-label{color:#ffffff80;font-size:.7rem;margin-top:.25rem}.zoom-indicator .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;font-size:1.1rem}.board-legend{grid-gap:1rem;background:#141423f2;border-bottom:1px solid #ffffff0d;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:1rem 2rem}.legend-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:.875rem 1rem}.legend-section h4{color:#ffffffe6;font-size:.85rem;font-weight:600;margin:0 0 .6rem}.legend-items{display:flex;flex-direction:column;gap:.4rem}.legend-sizes{flex-direction:row;flex-wrap:wrap;gap:.75rem}.legend-item{align-items:center;color:#ffffffb3;display:flex;font-size:.8rem;gap:.6rem}.legend-item strong{color:#fff}.legend-item kbd{background:#ffffff1a;border-radius:4px;font-family:inherit;font-size:.7rem;padding:.2rem .5rem}.legend-dot{box-shadow:0 0 10px currentColor;height:14px;width:14px}.legend-circle,.legend-dot{border-radius:50%;flex-shrink:0}.legend-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.board-canvas{background:radial-gradient(circle at 20% 80%,#00d26a08 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f608 0,#0000 50%),radial-gradient(circle at 50% 50%,#8b5cf605 0,#0000 70%),linear-gradient(180deg,#0a0a12,#12121f);flex:1 1;overflow:hidden;position:relative}.board-canvas canvas{cursor:grab;display:block}.board-canvas canvas:active{cursor:grabbing}.board-controls-hint{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:1px solid #ffffff1a;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #00000080;color:#fff;font-size:.9rem;left:50%;padding:12px 24px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.board-controls-hint p{margin:0}.board-controls-hint strong{color:#fbbf24}.board-controls-hint.creating-link{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#3b82f680}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #3b82f64d}50%{box-shadow:0 8px 40px #3b82f699}}.empty-board{color:#ffffff80;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-board h3{color:#ffffffb3;font-size:1.3rem;margin:0 0 .5rem}.empty-board p{font-size:.9rem;margin:0}.node-details-panel{animation:slideInLeft .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#141423fa;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;left:2rem;max-height:calc(100vh - 180px);max-width:calc(100vw - 4rem);overflow:hidden;position:fixed;top:50%;transform:translateY(-50%);width:340px;z-index:100}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-30px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.panel-header{align-items:center;background:linear-gradient(135deg,#00d26a1a,#0000);border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.panel-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.panel-header h3:before{content:"🔍 "}.btn-close{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff9;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.btn-close:hover{background:#ff3b3033;color:#ff3b30}.panel-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.25rem}.detail-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:.875rem}.detail-row:hover{background:#ffffff0d;border-color:#ffffff1a}.detail-row strong{color:#ffffff80;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.detail-row span{color:#fff;font-size:.95rem;word-break:break-word}.case-number-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;display:inline-block;font-size:.9rem!important;font-weight:700;padding:.25rem .75rem}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem!important;font-weight:500;gap:.25rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.status-badge.status-open{background:#00d26a26;color:#00d26a}.status-badge.status-in_progress{background:#ff9f1c26;color:#ff9f1c}.status-badge.status-closed{background:#6c757d26;color:#8e8e93}.badge-count{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;color:#fff;display:inline-flex;font-size:.9rem!important;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 .5rem}.connections-list{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.875rem}.connections-list>strong{color:#ffffff80;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.connections{display:flex;flex-direction:column;gap:.5rem}.connection-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.connection-item:hover{background:#ffffff14}.connection-icon{font-size:1.1rem}.connection-type{color:#ffffffe6;flex:1 1;font-size:.85rem}.btn-delete-connection{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:1rem;opacity:.5;padding:.3rem;transition:all .2s ease}.btn-delete-connection:hover{background:#ff3b3026;opacity:1}.panel-actions{background:linear-gradient(0deg,#00d26a0d,#0000);border-top:1px solid #ffffff14;padding:1.25rem}.panel-actions .btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease;width:100%}.panel-actions .btn-block{margin-bottom:.6rem}.panel-actions .btn-block:last-child{margin-bottom:0}.panel-actions .btn-primary{background:linear-gradient(135deg,#00d26a,#00a854);color:#fff}.panel-actions .btn-primary:hover{box-shadow:0 6px 20px #00d26a66;transform:translateY(-2px)}.panel-actions .btn-secondary{background:#ffffff14;color:#fff}.panel-actions .btn-secondary:hover{background:#ffffff1f}.relation-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.relation-dialog{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#191928fa;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 30px 80px #0009;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.relation-dialog-header{align-items:center;background:linear-gradient(135deg,#3b82f61a,#0000);border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.relation-dialog-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.relation-dialog-content{overflow-y:auto;padding:1.5rem}.relation-dialog-info{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:8px;color:#ffffffe6;font-size:.9rem;line-height:1.6;margin:0 0 1.25rem;padding:1rem 1.25rem}.relation-dialog-info strong{color:#3b82f6}.relation-types-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.relation-type-card{align-items:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:1rem;text-align:center;transition:all .2s ease}.relation-type-card:hover:not(:disabled){background:#ffffff0f;box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.relation-type-card:disabled{cursor:not-allowed;opacity:.5}.relation-type-icon{font-size:1.75rem}.relation-type-name{color:#fff;font-size:.85rem;font-weight:600}.delete-dialog{max-width:420px}.delete-link-info{display:flex;flex-direction:column;gap:1rem}.delete-link-warning{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:10px;color:#ff6b6b;font-weight:600;padding:1rem;text-align:center}.delete-link-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:1rem}.link-detail-row{display:flex;flex-direction:column;gap:.3rem}.link-detail-row strong{color:#ffffff80;font-size:.75rem;text-transform:uppercase}.link-detail-row span{color:#fff;font-size:.95rem}.delete-dialog-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.btn-danger{background:linear-gradient(135deg,#ff3b30,#d32f2f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ff3b3066;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#00d26a}@media (max-width:768px){.board-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.board-actions,.board-stats{flex-wrap:wrap;justify-content:center}.board-legend,.board-stats{padding:.75rem 1rem}.board-legend{grid-template-columns:1fr}.node-details-panel{animation:slideInUp .3s ease;bottom:1rem;left:1rem;max-height:50vh;right:1rem;top:auto;transform:none;width:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.relation-types-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .detective-board{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=light] .board-header{background:#fffffff2;border-bottom-color:#00000014}[data-theme=light] .board-title h1{color:#1e293b}[data-theme=light] .board-subtitle{color:#64748b}[data-theme=light] .board-stats{background:#ffffffe6}[data-theme=light] .stat-card{background:#00000008;border-color:#00000014}[data-theme=light] .board-canvas{background:radial-gradient(circle at 20% 80%,#00d26a0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f60d 0,#0000 50%),linear-gradient(180deg,#f1f5f9,#e2e8f0)}[data-theme=light] .board-legend{background:#fffffff2}[data-theme=light] .legend-section{background:#00000005;border-color:#0000000f}[data-theme=light] .legend-section h4{color:#1e293b}[data-theme=light] .legend-item{color:#475569}[data-theme=light] .legend-item strong{color:#1e293b}[data-theme=light] .node-details-panel{background:#fffffffa;border-color:#0000001a}[data-theme=light] .panel-header h3{color:#1e293b}[data-theme=light] .detail-row{background:#00000005;border-color:#0000000f}[data-theme=light] .detail-row span{color:#1e293b}[data-theme=light] .relation-dialog{background:#fffffffa}[data-theme=light] .relation-dialog-header h3{color:#1e293b}[data-theme=light] .relation-type-card{background:#00000005;border-color:#00000014}[data-theme=light] .relation-type-name{color:#1e293b}[data-theme=light] .board-controls-hint{background:#1e293bf2}.crime-map-container{background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden}.crime-map-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px;z-index:10}.crime-map-title h1{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px}.crime-map-title p{color:var(--text-secondary);font-size:13px;margin:0}.crime-map-actions{display:flex;gap:10px}.crime-map-viewport{background:#0a0a0a;cursor:grab;flex:1 1;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.crime-map-viewport.dragging{cursor:grabbing}.crime-map-viewport.adding-mode{cursor:crosshair}.crime-map-viewport.adding-mode.dragging{cursor:grabbing}.crime-map-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;will-change:transform}.crime-map-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.crime-map-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px;padding:6px;position:absolute;right:20px;top:20px;z-index:100}.map-control-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.map-control-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.map-control-btn:active{transform:scale(.95)}.map-control-btn svg{height:20px;width:20px}.control-divider{background:var(--border);height:1px;margin:4px 0}.crime-map-zoom-indicator{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);bottom:20px;box-shadow:var(--shadow-md);padding:8px 16px;position:absolute;right:20px;z-index:100}.zoom-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.crime-map-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid var(--border);border-radius:var(--radius-sm);bottom:20px;display:flex;gap:20px;left:20px;padding:10px 16px;position:absolute;z-index:100}.crime-map-hint span{color:var(--text-secondary);font-size:13px;white-space:nowrap}.map-marker{cursor:pointer;position:absolute;transition:transform .2s ease,z-index 0s;z-index:50}.map-marker.hovered,.map-marker.selected{z-index:60}.marker-pin{align-items:center;border:3px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 4px 12px #0006;display:flex;height:44px;justify-content:center;transform:rotate(-45deg);transition:all .2s ease;width:36px}.marker-pin .marker-icon{font-size:18px;text-shadow:0 1px 2px #0000004d;transform:rotate(45deg)}.map-marker.pending .marker-pin{animation:pulse 1.5s infinite;background:var(--primary)}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0006}50%{box-shadow:0 4px 20px #0a84ff99}}.marker-tooltip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);max-width:280px;min-width:200px;padding:12px;pointer-events:auto;white-space:normal}.marker-tooltip,.marker-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.marker-tooltip:after{border:8px solid #0000;border-top:8px solid var(--bg-secondary);content:"";top:100%}.tooltip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tooltip-number{color:var(--text-secondary);font-size:12px;font-weight:600}.tooltip-status{border-radius:50%;height:10px;width:10px}.tooltip-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.tooltip-label{color:var(--text-secondary);font-size:12px;margin-top:6px}.tooltip-hint{color:var(--primary);font-size:11px;margin-top:6px}.tooltip-actions{border-top:1px solid var(--border);display:flex;gap:8px;margin-top:10px;padding-top:10px}.tooltip-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s ease}.tooltip-btn.view{background:var(--primary);color:#fff}.tooltip-btn.view:hover{background:var(--primary-light)}.tooltip-btn.remove{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--danger)}.tooltip-btn.remove:hover{background:var(--danger);border-color:var(--danger);color:#fff}.case-search-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:50%;max-width:90vw;overflow:hidden;position:absolute;top:80px;transform:translateX(-50%);width:400px;z-index:200}.case-search-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.case-search-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.close-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.close-btn:hover{background:var(--danger);color:#fff}.case-search-input{background:var(--bg-tertiary);border:none;color:var(--text-primary);font-size:14px;outline:none;padding:12px 16px;width:100%}.case-search-input::placeholder{color:var(--text-tertiary)}.case-search-results{max-height:300px;overflow-y:auto}.case-search-item{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.case-search-item:last-child{border-bottom:none}.case-search-item:hover{background:var(--bg-tertiary)}.case-number{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:60px}.case-title{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-status{border-radius:10px;color:#fff;font-size:10px;padding:3px 8px}.no-cases{color:var(--text-secondary);padding:24px;text-align:center}.marker-settings-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:50%;min-width:320px;padding:16px;position:absolute;top:80px;transform:translateX(-50%);z-index:150}.marker-settings-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.marker-settings-row:last-child{margin-bottom:0}.marker-settings-row label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.marker-label-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;width:100%}.marker-label-input:focus{border-color:var(--primary)}.icon-selector{display:flex;flex-wrap:wrap;gap:6px}.icon-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-option:hover{background:var(--bg-elevated);border-color:var(--text-secondary);transform:scale(1.1)}.icon-option.selected{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff4d}.marker-coords{font-feature-settings:"tnum";border-top:1px solid var(--border);color:var(--text-tertiary);font-size:12px;font-variant-numeric:tabular-nums;margin-top:4px;padding-top:8px;text-align:center}[data-theme=light] .crime-map-viewport{background:#e5e5e5}[data-theme=light] .crime-map-hint{background:#fffffff2}[data-theme=light] .marker-pin{border-color:#333}@media (max-width:768px){.crime-map-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.crime-map-title h1{font-size:18px}.crime-map-actions{width:100%}.crime-map-actions .btn{flex:1 1;justify-content:center}.crime-map-controls{padding:4px;right:10px;top:10px}.map-control-btn{height:36px;width:36px}.crime-map-hint{bottom:10px;flex-direction:column;gap:4px;left:10px;padding:8px 12px}.crime-map-zoom-indicator{bottom:10px;padding:6px 12px;right:10px}.case-search-panel,.marker-settings-panel{top:60px;width:calc(100% - 20px)}.marker-settings-panel{min-width:0;min-width:auto}.marker-label-panel{flex-direction:column;top:60px;width:calc(100% - 20px)}.marker-label-input{width:100%}.marker-tooltip{min-width:160px}}@media (max-width:480px){.crime-map-container{border-radius:0;height:calc(100vh - 60px)}.crime-map-hint{display:none}}.gangs-management{margin:0 auto;max-width:1400px;padding:20px}.gangs-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.gangs-title h2{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.gangs-title p{color:var(--text-secondary);font-size:16px;margin:0}.access-info-banner{align-items:flex-start;animation:fadeIn .4s ease;background:linear-gradient(135deg,#af52de1a,#af52de0d);border:1px solid #af52de33;border-radius:14px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}[data-theme=light] .access-info-banner{background:linear-gradient(135deg,#af52de14,#af52de08);border-color:#af52de26}.access-info-icon{flex-shrink:0;font-size:24px}.access-info-content h4{color:#af52de;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.access-info-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.access-info-content strong{color:#af52de;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gangs-loading{color:var(--text-secondary);font-size:18px;padding:80px 20px;text-align:center}.gangs-empty{padding:100px 20px;text-align:center}.gangs-empty .empty-icon{font-size:80px;margin-bottom:20px;opacity:.3}.gangs-empty p{color:var(--text-secondary);font-size:20px;margin-bottom:30px}.gangs-search{margin-bottom:24px;position:relative}.gangs-search .search-input{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;padding:14px 50px 14px 20px;transition:all .3s ease;width:100%}.gangs-search .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}.btn-clear-search{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.btn-clear-search:hover{background:var(--bg-tertiary);color:var(--text-primary)}.gangs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.gang-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.gang-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gang-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.gang-name{color:var(--text-primary);flex:1 1;font-size:24px;font-weight:700;margin:0}.gang-actions{display:flex;gap:8px}.gang-description{background:var(--bg-tertiary);border-left:3px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 20px;padding:12px}.gang-stats{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:16px;margin:20px 0;padding:16px}.gang-stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex:1 1;flex-direction:column;padding:12px}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{color:var(--primary);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.gang-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.gang-created{color:var(--text-secondary);font-size:13px}.gang-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.gang-form-modal{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.gang-form-header{align-items:center;background:var(--bg-secondary);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.gang-form-header h4{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.gang-form{padding:24px}.form-input,.form-input:focus{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-actions{border-top:2px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-icon{background:var(--bg-tertiary)}@media (max-width:768px){.gangs-header{flex-direction:column}.gangs-grid{grid-template-columns:1fr}.gang-stats{flex-direction:column;gap:12px}.gang-stat{flex-direction:row;justify-content:space-between}.stat-icon{font-size:24px;margin:0}.stat-value{font-size:20px;margin:0}}.delete-gang-modal{max-width:500px;width:95%}.delete-gang-modal .modal-body{padding:20px}.delete-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.delete-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.delete-gang-info h4{color:var(--text-primary);font-size:18px;margin:0 0 16px}.delete-stats{display:flex;gap:16px;margin-bottom:20px}.delete-stats .stat-item{align-items:center;background:#ffffff08;border:1px solid var(--border);border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:12px}[data-theme=light] .delete-stats .stat-item{background:#00000005}.delete-stats .stat-icon{font-size:20px;margin-bottom:4px}.delete-stats .stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.delete-stats .stat-label{color:var(--text-tertiary);font-size:11px;text-align:center}.no-members-info{color:var(--text-secondary);font-style:italic;margin:16px 0}.delete-members-list{margin-bottom:20px;max-height:150px;overflow-y:auto}.delete-members-list h5{color:var(--text-secondary);font-size:13px;margin:0 0 8px}.delete-members-list ul{list-style:none;margin:0;padding:0}.delete-members-list li{align-items:center;background:#ffffff05;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;padding:6px 10px}.delete-members-list .member-name{color:var(--text-primary)}.delete-members-list .member-cases{color:var(--text-tertiary);font-size:11px}.delete-options{border-top:1px solid var(--border);padding-top:20px}.delete-question{color:var(--text-primary);font-weight:600;margin:0 0 16px;text-align:center}.delete-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.delete-option-btn{align-items:center;border-radius:10px;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.delete-option-btn .btn-icon{flex-shrink:0;font-size:24px}.delete-option-btn .btn-text{display:flex;flex-direction:column;gap:2px}.delete-option-btn .btn-text strong{font-size:14px}.delete-option-btn .btn-text small{font-size:11px;opacity:.8}.delete-option-btn.btn-warning{background:linear-gradient(135deg,#ff9500,#ff7b00);border:none;color:#fff}.delete-option-btn.btn-warning:hover{background:linear-gradient(135deg,#ff7b00,#f60);transform:translateY(-2px)}.delete-option-btn.btn-danger{background:linear-gradient(135deg,#ff3b30,#d62020);border:none;color:#fff}.delete-option-btn.btn-danger:hover{background:linear-gradient(135deg,#d62020,#b01818);transform:translateY(-2px)}.cancel-delete-btn{width:100%}.gang-view{margin:0 auto;max-width:1400px;padding:20px}.gang-view-error,.gang-view-loading{color:var(--text-secondary);font-size:18px;padding:80px 20px;text-align:center}.breadcrumbs{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;margin-bottom:24px}.breadcrumbs a{color:var(--primary);text-decoration:none;transition:all .2s ease}.breadcrumbs a:hover{text-decoration:underline}.gang-view-header{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px}.gang-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.gang-view-header h1{color:var(--text-primary);font-size:42px;font-weight:700;margin:0}.gang-description-large{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 16px;padding:16px}.gang-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.gang-section{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.section-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.section-actions{display:flex;gap:12px}.form-divider{border-bottom:2px solid var(--border);border-top:2px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin:24px 0;padding:12px 0;text-align:center;text-transform:uppercase}.modal-large{max-width:700px}.form-avatar-section{border-bottom:2px solid var(--border);display:flex;justify-content:center;margin-bottom:24px;padding-bottom:20px}.avatar-upload-center{align-items:center;display:flex;flex-direction:column;gap:12px}.avatar-preview-large{background:var(--bg-tertiary);border:3px solid var(--border);border-radius:50%;height:150px;overflow:hidden;position:relative;width:150px}.avatar-preview-large img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{background:var(--bg-tertiary);border:3px dashed var(--border);border-radius:50%;font-size:48px;height:150px;opacity:.5;width:150px}.avatar-placeholder-large,.btn-remove-avatar{align-items:center;display:flex;justify-content:center}.btn-remove-avatar{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:28px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:1}.btn-remove-avatar:hover{background:#f00c;transform:scale(1.1)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-row .form-group{margin-bottom:0}.empty-state{padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{color:var(--text-secondary);font-size:16px;margin-bottom:8px}.empty-state small{opacity:.7}.empty-state small,.info-banner{color:var(--text-secondary);font-size:14px}.info-banner{background:color-mix(in srgb,var(--primary) 10%,#0000);border-left:4px solid var(--primary);border-radius:var(--radius-md);line-height:1.6;margin-bottom:20px;padding:16px}.members-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.member-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px;position:relative;transition:all .3s ease}.member-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.member-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.member-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.member-info{flex:1 1}.member-info h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.member-role{background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;margin-bottom:8px;padding:6px 10px}.member-detail{color:var(--text-secondary);font-size:13px;margin:4px 0}.member-stats{color:var(--text-secondary);font-size:12px;margin-top:8px;padding-top:8px}.member-cases,.member-stats{border-top:1px solid var(--border)}.member-cases{margin-top:10px;padding-top:10px}.member-cases .cases-label{color:var(--text-tertiary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.member-cases .cases-links{display:flex;flex-wrap:wrap;gap:6px}.member-cases .case-link{align-items:center;background:#0a84ff1a;border:1px solid #0a84ff33;border-radius:6px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;max-width:150px;overflow:hidden;padding:4px 10px;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.member-cases .case-link:hover{background:#0a84ff33;border-color:var(--primary);transform:translateY(-1px)}.member-cases .no-cases{color:var(--text-tertiary);font-size:12px;font-style:italic}.member-actions{gap:8px}.cases-list,.member-actions{display:flex;flex-direction:column}.cases-list{gap:12px}.gang-section .case-card{background:linear-gradient(165deg,#232328f2,#19191efa);border:1px solid #ffffff14;border-radius:14px;display:block;overflow:hidden;padding:18px 20px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .gang-section .case-card{background:linear-gradient(165deg,#fffffffa,#f8f9fcfa);border-color:#00000014}.gang-section .case-card:before{background:linear-gradient(180deg,var(--primary) 0,#5ac8fa 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:4px}.gang-section .case-card:hover{border-color:#0a84ff40;box-shadow:0 8px 24px #00000040,0 4px 12px #0a84ff1a;transform:translateY(-2px)}[data-theme=light] .gang-section .case-card:hover{box-shadow:0 8px 24px #0000001a,0 4px 12px #0a84ff14}.gang-section .case-card:hover:before{opacity:1}.case-info{flex:1 1;text-align:left}.case-title{color:var(--text-primary);display:block;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px;text-decoration:none;transition:color .2s ease}.case-incident,.case-title:hover{color:var(--primary)}.case-incident{align-items:center;background:#0a84ff1f;border-radius:6px;display:inline-flex;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600;margin-bottom:10px;padding:4px 10px}.case-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:10px;margin-bottom:12px}.case-meta span{align-items:center;display:inline-flex}.members-involved{background:#0a84ff14;border-left:3px solid var(--primary);border-radius:10px;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-top:10px;padding:10px 14px}[data-theme=light] .members-involved{background:#0a84ff0f}.members-involved strong{color:var(--primary);font-weight:600;margin-right:6px}.case-status{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.case-status.status-open{background:#32d74b26;border:1px solid #32d74b40;color:#32d74b}.case-status.status-in_progress{background:#ff9f0a26;border:1px solid #ff9f0a40;color:#ff9f0a}.case-status.status-closed{background:#8e8e9326;border:1px solid #8e8e9340;color:#8e8e93}.add-case-form,.add-member-form{background:var(--bg-tertiary);margin-bottom:20px;padding:20px}.add-case-form,.add-member-form,.search-input{border:2px solid var(--border);border-radius:var(--radius-md)}.search-input{background:var(--bg-secondary);color:var(--text-primary);font-size:15px;margin-bottom:12px;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}.search-results{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;max-height:300px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-tertiary)}.result-info{align-items:center;display:flex;flex:1 1;gap:12px}.result-avatar{border:2px solid var(--border);border-radius:50%;height:40px;object-fit:cover;width:40px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.btn-close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:2px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);outline:none}textarea.form-input{min-height:100px;resize:vertical}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 90%,#000);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:2px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary)}.btn-sm{font-size:14px;padding:8px 16px}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:18px;padding:8px}.btn-icon:hover{background:var(--bg-elevated);transform:scale(1.1)}.btn-icon.btn-danger:hover{background:color-mix(in srgb,#dc3545 10%,#0000);background:color-mix(in srgb,var(--danger,#dc3545) 10%,#0000);border-color:#dc3545;border-color:var(--danger,#dc3545)}.comments-modal .comment-form{border-bottom:2px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px}.comments-modal .comment-form .btn{align-self:flex-end}.comments-modal .comments-list{display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto;scrollbar-color:var(--primary) #0000;scrollbar-width:thin}.comments-modal .comments-list::-webkit-scrollbar{width:6px}.comments-modal .comments-list::-webkit-scrollbar-track{background:#0000}.comments-modal .comments-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.comments-modal .comments-list::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.comments-empty,.comments-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.comments-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.comment-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.comment-item:hover{border-color:var(--primary)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:10px}.author-avatar{border:2px solid var(--border);border-radius:50%;height:32px;object-fit:cover;width:32px}.author-name{color:var(--text-primary);font-size:14px;font-weight:600}.comment-actions{align-items:center;display:flex;gap:12px}.comment-date{color:var(--text-secondary);font-size:12px}.comment-text{color:var(--text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.gang-header-actions{align-items:center;display:flex;gap:10px}.history-modal{background:linear-gradient(165deg,#1e1e23fa,#141419fc);border:1px solid #ffffff1a;max-width:600px}[data-theme=light] .history-modal{background:linear-gradient(165deg,#fffffffa,#f8f8fafc);border-color:#0000001a}.history-modal .modal-header{border-bottom:1px solid #ffffff14;padding-bottom:16px}[data-theme=light] .history-modal .modal-header{border-bottom-color:#00000014}.history-modal .modal-header h3{font-size:18px;font-weight:600}.history-modal .modal-body{max-height:65vh;overflow-y:auto;padding:0}.history-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.history-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}.history-empty{color:var(--text-secondary);padding:60px 20px;text-align:center}.history-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.history-empty p{font-size:15px;margin:0}.history-timeline{display:flex;flex-direction:column}.history-entry{display:flex;gap:14px;padding:18px 20px;position:relative;transition:background .2s ease}.history-entry:hover{background:#ffffff08}[data-theme=light] .history-entry:hover{background:#00000005}.history-entry:after{background:linear-gradient(90deg,#ffffff14,#ffffff05);bottom:0;content:"";height:1px;left:38px;position:absolute;right:20px}[data-theme=light] .history-entry:after{background:linear-gradient(90deg,#0000000f,#00000005)}.history-entry:last-child:after{display:none}.history-entry-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}[data-theme=light] .history-entry-icon{background:#0000000a;border-color:#00000014}.history-entry-content{flex:1 1;min-width:0}.history-entry-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.history-type-badge{align-items:center;background:#ffffff14;border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}[data-theme=light] .history-type-badge{background:#0000000f}.history-entry[data-type=created] .history-type-badge,.history-entry[data-type=member_added] .history-type-badge,.history-entry[data-type=person_linked_to_case] .history-type-badge{background:#32d74b26;color:#32d74b}.history-entry[data-type=member_role_changed] .history-type-badge,.history-entry[data-type=person_updated] .history-type-badge,.history-entry[data-type=updated] .history-type-badge{background:#0a84ff26;color:#0a84ff}.history-entry[data-type=member_removed] .history-type-badge,.history-entry[data-type=person_unlinked_from_case] .history-type-badge{background:#ff9f0a26;color:#ff9f0a}.history-entry[data-type=member_deleted_fully] .history-type-badge{background:#ff453a26;color:#ff453a}.history-date{color:var(--text-tertiary);font-size:11px;white-space:nowrap}.history-entry-details{margin-bottom:6px}.history-value{background:#ffffff0a;border-left:2px solid #fff3;border-radius:6px;color:var(--text-primary);font-size:13px;line-height:1.5;padding:8px 12px}[data-theme=light] .history-value{background:#00000008;border-left-color:#00000026}.history-change{align-items:center;background:#ffffff08;border-radius:6px;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:8px 12px}[data-theme=light] .history-change{background:#00000005}.history-change .field-name{color:var(--text-secondary);font-weight:500}.history-change .old-value{background:#ff6b6b1a;border-radius:3px;color:#ff6b6b;font-size:11px;padding:2px 6px;text-decoration:line-through}.history-change .arrow{color:var(--text-tertiary);font-size:10px}.history-change .new-value{background:#51cf661a;border-radius:3px;color:#51cf66;font-size:11px;padding:2px 6px}.history-entry-author{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:4px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.gang-view-header h1{font-size:32px}.members-grid{grid-template-columns:1fr}.member-card{flex-direction:column;text-align:center}.member-avatar{margin:0 auto}.member-actions{flex-direction:row;justify-content:center}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.not-found{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.not-found-content{max-width:600px;text-align:center;width:100%}.not-found-animation{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:40px;position:relative}.error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:800;letter-spacing:-.05em;opacity:.2;position:absolute}.magnifying-glass{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:80px;position:relative;z-index:1}.not-found-title{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.not-found-message{color:var(--text-secondary);font-size:18px;line-height:1.6;margin-bottom:48px}.not-found-suggestions{margin-bottom:48px}.not-found-suggestions h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px}.suggestions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suggestion-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;display:flex;gap:16px;padding:20px;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.suggestion-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.suggestion-icon{flex-shrink:0;font-size:40px}.suggestion-text h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.suggestion-text p{color:var(--text-secondary);font-size:13px;margin:0}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.not-found-actions .btn{font-size:16px;min-width:150px;padding:12px 24px}.not-found-help{border-top:1px solid var(--border-color);padding-top:32px}.not-found-help p{color:var(--text-tertiary);font-size:14px;margin:0}@media (max-width:768px){.not-found-title{font-size:28px}.not-found-message{font-size:16px}.error-code{font-size:80px}.magnifying-glass{font-size:60px}.suggestions-grid{grid-template-columns:1fr}.not-found-actions{flex-direction:column}.not-found-actions .btn{width:100%}}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px;position:relative}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-error{border-left:4px solid #ff3b30}.toast-error .toast-icon{background:#ff3b3026;color:#ff3b30}.toast-success{border-left:4px solid #32d74b}.toast-success .toast-icon{background:#32d74b26;color:#32d74b}.toast-warning{border-left:4px solid #ff9500}.toast-warning .toast-icon{background:#ff950026;color:#ff9500}.toast-info{border-left:4px solid #007aff}.toast-info .toast-icon{background:#007aff26;color:#007aff}.toast-message{color:var(--text-primary);flex:1 1;font-size:.95rem;line-height:1.4;word-break:break-word}.toast-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;opacity:.6;padding:4px;transition:opacity .2s ease}.toast-close:hover{opacity:1}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast-container>*{pointer-events:auto}@media (max-width:768px){.toast-container{left:20px;right:20px;top:10px}}
/*# sourceMappingURL=main.e8f485f2.css.map*/