@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--border-glass:#ffffff14;--border-glass-hover:#ffffff26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f64d;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf64d;--accent-emerald:#10b981;--accent-emerald-glow:#10b9814d;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b4d;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e4d;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d44d;--accent-teal:#14b8a6;--gradient-primary:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-success:linear-gradient(135deg, #10b981, #06b6d4);--gradient-warning:linear-gradient(135deg, #f59e0b, #f97316);--gradient-danger:linear-gradient(135deg, #f43f5e, #e11d48);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-blue:0 0 20px #3b82f626;--shadow-glow-purple:0 0 20px #8b5cf626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60d 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite alternate ambientShift;position:fixed;top:-50%;left:-50%}@keyframes ambientShift{0%{transform:translate(0)}to{transform:translate(-2%,-2%)rotate(3deg)}}#root{z-index:1;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.desktop-only{display:none}.mobile-only{display:flex}@media (width>=768px){.desktop-only{display:flex}.mobile-only{display:none}}.app-container{max-width:1600px;padding:var(--space-sm);min-height:100vh;margin:0 auto}@media (width>=768px){.app-container{padding:var(--space-lg)}}.login-page{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative}.login-ambient{pointer-events:none;background:radial-gradient(at 30% 20%,#3b82f614 0%,#0000 60%),radial-gradient(at 70% 80%,#8b5cf614 0%,#0000 60%);position:fixed;inset:0}.login-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:400px;padding:var(--space-xl);text-align:center;animation:slideUp var(--transition-slow) ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{background:var(--gradient-primary);border-radius:var(--radius-lg);width:64px;height:64px;margin:0 auto var(--space-md);box-shadow:var(--shadow-glow-blue);justify-content:center;align-items:center;font-size:2rem;animation:3s ease-in-out infinite logoPulse;display:flex}@keyframes logoPulse{0%,to{box-shadow:var(--shadow-glow-blue)}50%{box-shadow:0 0 30px #3b82f666}}.login-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.825rem}.login-form{text-align:left}.login-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--accent-rose);margin-bottom:var(--space-md);background:#f43f5e1a;border:1px solid #f43f5e4d;font-size:.825rem;animation:.4s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.form-group{margin-bottom:var(--space-md)}.form-label{color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none;height:44px;font-family:inherit;font-size:.875rem}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.form-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;height:44px;padding-right:32px;font-family:inherit;font-size:.875rem}.form-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.password-input-wrap{position:relative}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.login-btn{width:100%;height:48px;margin-top:var(--space-sm);justify-content:center;font-size:.9rem;font-weight:600}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{color:var(--text-dim);margin-top:var(--space-lg);text-align:center;font-size:.7rem}.app-header{padding:var(--space-md);margin-bottom:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex;position:relative;overflow:hidden}@media (width>=768px){.app-header{padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);border-radius:var(--radius-xl)}}.app-header:before{content:"";background:linear-gradient(90deg,#0000,#3b82f680,#8b5cf680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.header-left{align-items:center;gap:var(--space-sm);display:flex}.header-logo{background:var(--gradient-primary);border-radius:var(--radius-sm);width:36px;height:36px;box-shadow:var(--shadow-glow-blue);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}@media (width>=768px){.header-logo{border-radius:var(--radius-md);width:44px;height:44px;font-size:1.4rem}}.header-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}@media (width>=768px){.header-title{font-size:1.5rem}}.header-subtitle{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:400}.header-nav{gap:var(--space-xs);display:flex}.nav-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-xs);background:0 0;border:1px solid #0000;font-family:inherit;font-size:.825rem;font-weight:500;display:flex}.nav-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.nav-btn.active{color:var(--accent-blue);background:#3b82f61a;border-color:#3b82f633}.header-right{align-items:center;gap:var(--space-md);display:flex}.header-user{align-items:center;gap:var(--space-sm);display:flex}.header-user-avatar{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.header-user-role{color:var(--text-muted);text-transform:capitalize;font-size:.65rem}.mobile-menu-btn{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-sm);cursor:pointer;justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.mobile-menu{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);gap:var(--space-xs);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown var(--transition-base) ease-out;flex-direction:column;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-glass);margin-bottom:var(--space-xs);display:flex}.mobile-nav-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.mobile-nav-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.mobile-nav-btn.active{color:var(--accent-blue);background:#3b82f61a}.mobile-nav-btn.logout{color:var(--accent-rose)}.mobile-nav-btn.logout:hover{background:#f43f5e1a}.stats-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=768px){.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(6,1fr)}}.stat-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-glass-hover);transform:translateY(-2px)}.stat-card:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.stat-card.blue:after{background:var(--gradient-primary)}.stat-card.emerald:after{background:var(--gradient-success)}.stat-card.amber:after{background:var(--gradient-warning)}.stat-card.rose:after{background:var(--gradient-danger)}.stat-card.purple:after{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-card.cyan:after{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.stat-card-icon{border-radius:var(--radius-sm);width:32px;height:32px;margin-bottom:var(--space-sm);justify-content:center;align-items:center;font-size:1rem;display:flex}@media (width>=768px){.stat-card-icon{width:40px;height:40px;margin-bottom:var(--space-md);font-size:1.2rem}}.stat-card.blue .stat-card-icon{background:#3b82f626}.stat-card.emerald .stat-card-icon{background:#10b98126}.stat-card.amber .stat-card-icon{background:#f59e0b26}.stat-card.rose .stat-card-icon{background:#f43f5e26}.stat-card.purple .stat-card-icon{background:#8b5cf626}.stat-card.cyan .stat-card-icon{background:#06b6d426}.stat-card-value{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:800;line-height:1}@media (width>=768px){.stat-card-value{font-size:2rem}}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:500}@media (width>=768px){.stat-card-label{font-size:.75rem}}.toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}@media (width>=768px){.toolbar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-flow:wrap}}.search-box{width:100%;position:relative}@media (width>=768px){.search-box{flex:1;width:auto;min-width:240px}}.search-box-icon{left:var(--space-md);color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 42px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);outline:none;height:44px;font-family:inherit;font-size:.875rem}.search-box input::placeholder{color:var(--text-dim)}.search-box input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.filter-group{gap:var(--space-xs);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;padding:3px;display:flex;overflow-x:auto}.filter-group-scrollable{flex-shrink:0}.filter-btn{padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.7rem;font-weight:500}@media (width>=768px){.filter-btn{padding:var(--space-sm) var(--space-md);font-size:.8rem}}.filter-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.filter-btn.active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-sm)}.filter-btn .count{opacity:.7;margin-left:4px;font-size:.65rem}.view-toggle{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);align-self:flex-start;gap:2px;padding:3px;display:flex}.view-btn{padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--accent-blue);color:#fff}.table-container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.8rem}@media (width>=768px){.data-table{font-size:.825rem}}.data-table thead{z-index:10;position:sticky;top:0}.data-table th{padding:var(--space-sm);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-glass);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;background:#111827f2;font-size:.65rem;font-weight:600}@media (width>=768px){.data-table th{padding:var(--space-sm) var(--space-md);font-size:.7rem}}.data-table th:hover{color:var(--text-primary)}.data-table th.sorted{color:var(--accent-blue)}.data-table th .sort-arrow{margin-left:4px;font-size:.6rem}.data-table td{padding:var(--space-sm);color:var(--text-secondary);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff08}@media (width>=768px){.data-table td{padding:var(--space-sm) var(--space-md)}}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:var(--bg-glass-hover)}.data-table tbody tr.priority-high{border-left:3px solid var(--accent-rose)}.data-table tbody tr.priority-normal{border-left:3px solid var(--accent-blue)}.comment-badge{color:var(--accent-blue);border-radius:var(--radius-full);background:#3b82f626;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.7rem;font-weight:600;display:inline-flex}.cards-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=540px){.cards-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.pharmacy-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);cursor:pointer;animation:cardEnter var(--transition-slow) ease-out both;position:relative;overflow:hidden}@media (width>=768px){.pharmacy-card{padding:var(--space-lg)}}.pharmacy-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pharmacy-card.priority-high{border-left:3px solid var(--accent-rose)}.pharmacy-card.priority-high:before{content:"";background:var(--gradient-danger);height:2px;position:absolute;top:0;left:0;right:0}.pharmacy-card.priority-normal{border-left:3px solid var(--accent-blue)}.pharmacy-card.priority-normal:before{content:"";background:var(--gradient-primary);height:2px;position:absolute;top:0;left:0;right:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.card-title{color:var(--text-primary);max-width:220px;font-size:.85rem;font-weight:600;line-height:1.3}@media (width>=768px){.card-title{max-width:240px;font-size:.95rem}}.card-codes{gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.code-tag{border-radius:var(--radius-full);padding:2px 6px;font-family:monospace;font-size:.6rem;font-weight:500}.code-tag.sto{color:var(--accent-blue);background:#3b82f61f;border:1px solid #3b82f633}.code-tag.state{color:var(--accent-purple);background:#8b5cf61f;border:1px solid #8b5cf633}.card-meta{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}@media (width>=768px){.card-meta{grid-template-columns:1fr 1fr 1fr}}.meta-item{flex-direction:column;gap:2px;display:flex}.meta-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem;font-weight:500}@media (width>=768px){.meta-label{font-size:.6rem}}.meta-value{color:var(--text-secondary);font-size:.75rem}@media (width>=768px){.meta-value{font-size:.8rem}}.badge{border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-flex}@media (width>=768px){.badge{padding:3px 10px;font-size:.7rem}}.badge-priority-high{color:var(--accent-rose);background:#f43f5e1f;border:1px solid #f43f5e40}.badge-priority-normal{color:var(--accent-blue);background:#3b82f61f;border:1px solid #3b82f640}.badge-status{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.badge-status.completed{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140}.badge-status.in-progress{color:var(--accent-cyan);background:#06b6d41f;border:1px solid #06b6d440}.badge-status.blocked{color:var(--accent-rose);background:#f43f5e1f;border:1px solid #f43f5e40}.badge-status.blackout{color:var(--accent-purple);background:#8b5cf61f;border:1px solid #8b5cf640}.badge-category{color:var(--accent-teal);background:#14b8a61f;border:1px solid #14b8a640}.inline-select{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;outline:none;padding:3px 18px 3px 6px;font-family:inherit;font-size:.7rem}@media (width>=768px){.inline-select{background-position:right 6px center;padding:3px 22px 3px 8px;font-size:.75rem}}.inline-select:hover{border-color:var(--accent-blue)}.inline-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.inline-input{border-radius:var(--radius-sm);color:var(--text-secondary);width:100%;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;outline:none;padding:3px 8px;font-family:inherit;font-size:.8rem}.inline-input:hover{border-color:var(--border-glass);background:var(--bg-glass)}.inline-input:focus{border-color:var(--accent-blue);background:var(--bg-glass);box-shadow:0 0 0 2px var(--accent-blue-glow)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--transition-fast) ease-out;background:#000000b3;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{padding:var(--space-lg);align-items:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:92vh;animation:modalSlideUp var(--transition-base) ease-out;position:relative;overflow-y:auto}@media (width>=768px){.modal-content{border-radius:var(--radius-xl);max-width:700px;max-height:90vh}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-glass);position:relative}@media (width>=768px){.modal-header{padding:var(--space-xl)}}.modal-header:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.modal-content.priority-high .modal-header:before{background:var(--gradient-danger)}.modal-content.priority-normal .modal-header:before{background:var(--gradient-primary)}.modal-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-sm);background:var(--bg-glass);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute}.modal-close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.modal-title{color:var(--text-primary);margin-bottom:var(--space-sm);padding-right:var(--space-xl);font-size:1.1rem;font-weight:700}@media (width>=768px){.modal-title{font-size:1.25rem}}.modal-badges{gap:var(--space-sm);flex-wrap:wrap;display:flex}.modal-body{padding:var(--space-lg)}@media (width>=768px){.modal-body{padding:var(--space-xl)}}.modal-section{margin-bottom:var(--space-xl)}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:.7rem;font-weight:600;display:flex}.modal-section-title:after{content:"";background:var(--border-glass);flex:1;height:1px}.modal-field-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=480px){.modal-field-grid{grid-template-columns:1fr 1fr}}.modal-field{flex-direction:column;gap:4px;display:flex}.modal-field.full-width{grid-column:1/-1}.modal-field-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:500}.modal-field-value{color:var(--text-primary);font-size:.875rem}.modal-field-input{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%;font-family:inherit;font-size:.875rem}.modal-field-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.modal-field-input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.modal-field-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);resize:vertical;outline:none;width:100%;min-height:80px;font-family:inherit;font-size:.875rem}.modal-field-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.modal-field-select{padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;width:100%;padding-right:30px;font-family:inherit;font-size:.875rem}.modal-field-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-glass);justify-content:flex-end;gap:var(--space-sm);display:flex}@media (width>=768px){.modal-footer{padding:var(--space-lg) var(--space-xl)}}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-sm);border:none;font-family:inherit;font-size:.825rem;font-weight:500;display:inline-flex}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.btn-danger{color:var(--accent-rose);background:#f43f5e1f;border:1px solid #f43f5e40}.btn-danger:hover{background:#f43f5e33}.contact-section{margin-top:var(--space-sm)}.contact-list{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.contact-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--transition-fast);animation:fadeIn var(--transition-base) ease-out;display:flex}.contact-item:hover{border-color:var(--border-glass-hover)}.contact-item-icon{border-radius:var(--radius-sm);background:#3b82f61a;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.contact-item-info{flex:1;min-width:0}.contact-item-name{color:var(--text-primary);font-size:.825rem;font-weight:600}.contact-item-details{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:2px;display:flex}.contact-type-badge{border-radius:var(--radius-full);color:var(--accent-purple);text-transform:uppercase;letter-spacing:.04em;background:#8b5cf61f;border:1px solid #8b5cf633;padding:1px 6px;font-size:.6rem;font-weight:600}.contact-item-number{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.contact-delete-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-delete-btn:hover{color:var(--accent-rose);background:#f43f5e1a;border-color:#f43f5e33}.contact-form{background:var(--bg-glass);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);padding:var(--space-md);animation:slideDown var(--transition-base) ease-out}.contact-form-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (width>=480px){.contact-form-grid{grid-template-columns:1fr 1fr 1fr}}.contact-form-input{height:38px;font-size:.8rem}.contact-form-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.contact-add-btn{width:100%;margin-top:var(--space-xs);justify-content:center}.comment-section{margin-top:var(--space-sm)}.comment-list{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.comment-empty{color:var(--text-dim);text-align:center;padding:var(--space-md);font-size:.8rem}.comment-item{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-glass);animation:fadeIn var(--transition-base) ease-out;display:flex}.comment-avatar{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:2px;display:flex}.comment-user{color:var(--text-primary);font-size:.75rem;font-weight:600}.comment-time{color:var(--text-dim);font-size:.65rem}.comment-text{color:var(--text-secondary);word-break:break-word;font-size:.8rem;line-height:1.4}.comment-form{gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);align-items:center;display:flex}.comment-input-avatar{background:var(--gradient-success);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.comment-input{color:var(--text-primary);padding:var(--space-xs) 0;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.825rem}.comment-input::placeholder{color:var(--text-dim)}.comment-send{flex-shrink:0}.progress-bar-container{margin-bottom:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (width>=768px){.progress-bar-container{padding:var(--space-lg);margin-bottom:var(--space-xl)}}.progress-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}@media (width>=768px){.progress-header{margin-bottom:var(--space-md)}}.progress-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.progress-percentage{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}@media (width>=768px){.progress-percentage{font-size:1.1rem}}.progress-track{border-radius:var(--radius-full);background:#ffffff0d;height:6px;overflow:hidden}@media (width>=768px){.progress-track{height:8px}}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#ffffff4d);width:40px;animation:2s ease-in-out infinite progressShine;position:absolute;top:0;bottom:0;right:0}@keyframes progressShine{0%,to{opacity:0}50%{opacity:1}}.progress-segments{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (width>=768px){.progress-segments{gap:var(--space-md);margin-top:var(--space-md)}}.progress-segment{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.6rem;display:flex}@media (width>=768px){.progress-segment{font-size:.7rem}}.progress-segment-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (width>=768px){.progress-segment-dot{width:8px;height:8px}}.progress-segment-dot.completed{background:var(--accent-emerald)}.progress-segment-dot.in-progress{background:var(--accent-cyan)}.progress-segment-dot.pending{background:var(--accent-amber)}.progress-segment-dot.blocked{background:var(--accent-rose)}.progress-segment-dot.blackout{background:var(--accent-purple)}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);padding:var(--space-md);flex-wrap:wrap;display:flex}@media (width>=768px){.pagination{gap:var(--space-sm);margin-top:var(--space-xl)}}.page-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-glass);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-family:inherit;font-size:.75rem;display:flex}@media (width>=768px){.page-btn{width:36px;height:36px;font-size:.825rem}}.page-btn:hover:not(:disabled){border-color:var(--accent-blue);color:var(--text-primary)}.page-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--text-muted);padding:0 var(--space-xs);font-size:.7rem}@media (width>=768px){.page-info{padding:0 var(--space-sm);font-size:.75rem}}.user-management{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (width>=768px){.user-management{padding:var(--space-xl)}}.um-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.um-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.um-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8rem}.um-form{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);animation:slideDown var(--transition-base) ease-out}.um-form-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:.9rem;font-weight:600}.um-form-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=540px){.um-form-grid{grid-template-columns:1fr 1fr}}.um-form-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.um-list{gap:var(--space-sm);flex-direction:column;display:flex}.um-card{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-wrap:wrap;display:flex}@media (width>=768px){.um-card{gap:var(--space-md);flex-wrap:nowrap}}.um-card:hover{border-color:var(--border-glass-hover)}.um-card-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.um-card-info{flex:1;min-width:120px}.um-card-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.um-card-username{color:var(--text-muted);font-size:.75rem}.um-card-actions{gap:var(--space-xs);margin-left:auto;display:flex}.toast-container{bottom:var(--space-md);right:var(--space-md);left:var(--space-md);z-index:200;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}@media (width>=768px){.toast-container{left:auto;right:var(--space-xl);bottom:var(--space-xl);min-width:280px}}.toast{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);animation:toastIn var(--transition-base) ease-out;align-items:center;gap:var(--space-sm);font-size:.8rem;display:flex}.toast.success{border-left:3px solid var(--accent-emerald)}.toast.error{border-left:3px solid var(--accent-rose)}.toast.info{border-left:3px solid var(--accent-blue)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state-text{margin-bottom:var(--space-sm);font-size:1rem;font-weight:500}.empty-state-sub{color:var(--text-dim);font-size:.825rem}