@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#0b192c;--color-primary-light:#1e3e62;--color-primary-lighter:#3b5998;--color-accent:#006bff;--color-accent-hover:#0056cc;--text-primary:#f8fafc;--text-secondary:#94a3b8;--status-pending:#f59e0b;--status-progress:#3b82f6;--status-done:#10b981;--status-waiting:#8b5cf6;--status-urgent:#ef4444;--bg-body:#f3f4f6;--bg-card:#fff;--text-body:#1f2937;--border-color:#e5e7eb;--font-family:"Inter", sans-serif;--sidebar-width:260px;--sidebar-width-tablet:220px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%}@media print{.sidebar,.mobile-hamburger,.mobile-overlay{display:none!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;padding:0!important}}.layout-wrapper{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));box-sizing:border-box;background-color:#f8fafc;flex:1;min-height:100vh;padding:1.5rem;transition:margin-left .3s,width .3s,max-width .3s;overflow-x:hidden}.main-content.no-sidebar{background-color:var(--color-primary);width:100%;max-width:100%;margin-left:0;padding:0}@media (min-width:769px) and (max-width:1024px){.main-content{margin-left:var(--sidebar-width-tablet);width:calc(100vw - var(--sidebar-width-tablet));max-width:calc(100vw - var(--sidebar-width-tablet));padding:1.25rem}}@media (max-width:768px){.main-content{width:100vw;max-width:100vw;padding:66px .875rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));margin-left:0}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}@media (max-width:768px){.card{border-radius:10px;padding:1rem}}.btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:#fff;cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #006bff33,0 2px 4px -1px #006bff1a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #006bff4d,0 4px 6px -1px #006bff33}.btn-primary:active{transform:scale(.98)translateY(0)}.btn-secondary{color:#334155;cursor:pointer;touch-action:manipulation;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn-secondary:active{transform:scale(.98)}.input-field{color:#0f172a;touch-action:manipulation;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:44px;padding:.75rem 1rem;font-size:max(16px,.95rem);transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}.input-field:focus{border-color:var(--color-accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #006bff26}.input-field::placeholder{color:#94a3b8}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}@media (max-width:768px){.card .table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrap table:not(.mobile-cards){width:100%;min-width:600px}table.mobile-cards{width:100%;display:block;min-width:0!important}table.mobile-cards thead{display:none}table.mobile-cards tbody{flex-direction:column;gap:1rem;width:100%;display:flex}table.mobile-cards tr{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;padding:1rem;display:flex;box-shadow:0 2px 4px #00000005}table.mobile-cards td{flex-direction:column;align-items:flex-start;width:100%;padding:.5rem 0;display:flex;border:none!important;border-bottom:1px solid #f1f5f9!important}table.mobile-cards td:last-child{padding-bottom:0;border-bottom:none!important}table.mobile-cards td:before{content:attr(data-label);text-transform:uppercase;color:#64748b;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.mobile-only-text{display:inline-block!important}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-cols-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr;gap:1rem}}.ref-root{font-family:var(--font-family);max-width:1400px;margin:0 auto;padding-bottom:2rem;animation:.35s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (max-width:640px){.page-header-actions{width:100%}.page-header-actions>*{flex:auto;justify-content:center;min-width:0}}
.sidebar{background:linear-gradient(180deg, var(--color-primary) 0%, #0d1f35 100%);width:260px;color:var(--text-primary);z-index:100;will-change:transform;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex;position:relative}.logo-container{text-align:center;flex-direction:column;align-items:center;display:flex}.logo-text{letter-spacing:2px;color:#fff;font-size:1.5rem;font-weight:700}.logo-subtext{letter-spacing:1px;color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;font-weight:300}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;-webkit-overflow-scrolling:touch;flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.nav-list{flex-direction:column;gap:.2rem;list-style:none;display:flex}.nav-link{color:#fff9;cursor:pointer;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:10px;align-items:center;gap:.8rem;width:100%;min-height:44px;padding:.7rem .875rem;font-size:.9rem;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-link:hover{color:#fff;background-color:#ffffff14}.nav-link.active{background:linear-gradient(135deg, var(--color-accent), #0056cc);color:#fff;box-shadow:0 4px 12px #006bff59}.nav-link:active{transform:scale(.98)}.sub-nav-list{border-left:2px solid #ffffff1a;flex-direction:column;gap:.15rem;margin-top:.25rem;margin-left:.875rem;padding-left:.75rem;list-style:none;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sub-nav-link{border-radius:8px;min-height:40px;padding:.55rem .875rem;font-size:.87rem}.sidebar-footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:.875rem .75rem 1rem}.logout-btn{color:#ef4444cc}.logout-btn:hover{color:#ef4444;background-color:#ef44441f}.mobile-hamburger{z-index:90;background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:none;position:fixed;top:12px;left:12px;box-shadow:0 4px 12px #00000040,0 2px 4px #00000026}.mobile-hamburger:hover{background:var(--color-primary-light);transform:scale(1.05)}.mobile-hamburger:active{transform:scale(.95)}.mobile-overlay{z-index:95;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background-color:#0000;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:none;position:fixed;inset:0}.mobile-overlay.active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background-color:#0000008c}.mobile-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mobile-close:hover{background:#fff3}@media (max-width:768px){.mobile-hamburger{display:flex}.mobile-overlay{display:block}.mobile-close{display:flex}.sidebar{z-index:100;width:280px;box-shadow:none;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:6px 0 30px #0006}.nav-link{min-height:48px;font-size:.95rem}.sub-nav-link{min-height:44px}.sidebar-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:220px}.nav-link{padding:.65rem .75rem;font-size:.875rem}}