@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#27386d;--color-primary-dark:#1a2340;--color-primary-light:#344e6e;--color-accent:#ec0707;--color-accent-light:#f44;--color-success:#0a7c3e;--color-success-bg:#e6f9ee;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-danger:#c00;--color-danger-bg:#fee;--color-info:#1a73e8;--color-info-bg:#e8f0fe;--color-text:#1a1a2e;--color-text-secondary:#555;--color-text-muted:#888;--color-text-light:#aaa;--color-bg:#f4f5f7;--color-bg-white:#fff;--color-bg-hover:#f8f9fa;--color-border:#e0e0e0;--color-border-light:#eee;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--line-height:1.5;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 20px 60px #0003;--sidebar-width:260px;--sidebar-width-collapsed:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-primary-dark);color:#fff;z-index:10;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid #ffffff14}.sidebar-header h2{font-size:var(--font-size-xl);letter-spacing:-.3px;white-space:nowrap;font-weight:700}.sidebar-header small{font-size:var(--font-size-xs);color:#ffffff80;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;max-height:20px;margin-top:var(--space-xs);transition:opacity .2s,max-height .3s;display:block;overflow:hidden}.sidebar-nav{padding:var(--space-md) 0;flex:1;overflow:hidden auto}.sidebar-nav a{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);color:#fff9;font-size:var(--font-size-sm);white-space:nowrap;border-left:3px solid #0000;font-weight:500;transition:color .15s,background .15s,padding .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav a:hover{color:#fff;background:#ffffff0d}.sidebar-nav a.active{color:#fff;border-left-color:var(--color-accent);background:#ffffff14}.sidebar .sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar .sidebar-link-text{white-space:nowrap;opacity:1;transition:opacity .2s .1s;overflow:hidden}.sidebar-footer{padding:var(--space-lg);border-top:1px solid #ffffff14;transition:padding .3s cubic-bezier(.4,0,.2,1)}.sidebar-footer .user-name{font-size:var(--font-size-sm);color:#fff9;margin-bottom:var(--space-sm);white-space:nowrap;max-height:24px;transition:opacity .2s,max-height .3s,margin .3s;overflow:hidden}.sidebar-footer .btn-logout{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:#ffffffb3;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;transition:background .15s,padding .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-footer .btn-logout:hover{color:#fff;background:#ffffff1a}.main-content{margin-left:var(--sidebar-width);padding:var(--space-3xl);flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-link-text{opacity:0;width:0;transition:opacity .15s}.sidebar.collapsed .sidebar-header small{opacity:0;max-height:0}.sidebar.collapsed .sidebar-footer .user-name{opacity:0;max-height:0;margin:0}.sidebar.collapsed .sidebar-nav a{padding-left:var(--space-sm);padding-right:var(--space-sm);border-left-width:2px;justify-content:center;gap:0}.sidebar.collapsed .sidebar-footer{padding:var(--space-sm)}.sidebar.collapsed .sidebar-footer .btn-logout{padding:var(--space-sm);gap:0}.layout[data-sidebar-collapsed=true] .main-content{margin-left:var(--sidebar-width-collapsed)}.sidebar-collapse-btn{border-radius:var(--radius-sm);color:#fff9;cursor:pointer;background:#ffffff14;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:none}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff26}.page-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--font-size-2xl);color:var(--color-text);letter-spacing:-.3px;font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-light)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:var(--color-bg-white);color:var(--color-primary);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-hover)}.btn-outline-danger{background:var(--color-bg-white);color:var(--color-danger);border:1px solid var(--color-danger)}.btn-ghost{color:var(--color-primary);padding:var(--space-sm);background:0 0;border:none}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-base)}.btn-group{gap:var(--space-sm);display:flex}.btn-filter{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-white);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .15s}.btn-filter.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.card{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.card-body{padding:var(--space-2xl)}.stat-card{padding:var(--space-2xl);border-left:4px solid var(--color-primary)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500}.stat-card .stat-value{font-size:var(--font-size-3xl);font-weight:700}.stat-card-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.stat-card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-size-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg);border-bottom:2px solid var(--color-border);white-space:nowrap;font-weight:700}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);vertical-align:middle;color:var(--color-text)}.table tbody tr{background:var(--color-bg-white);transition:background .1s}.table tbody tr:nth-child(2n){background:#fafbfc}.table tbody tr:hover{background:var(--color-info-bg)}.table tbody tr:last-child td{border-bottom:none}.table .text-right{text-align:right}.table .text-center{text-align:center}.table .cell-main{color:var(--color-text);font-weight:600}.table .cell-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.table td:empty:after,.table tbody tr td[colspan]{color:var(--color-text-muted);text-align:center;padding:var(--space-3xl) var(--space-lg);font-style:italic}.badge{padding:2px var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.6;display:inline-block}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{color:#666;background:#f0f0f0}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-bg-white);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #27386d1a}.form-input:disabled{background:var(--color-bg);color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:60px}.form-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.form-grid .full-width{grid-column:1/-1}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);border-left:3px solid}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.auth-wrapper{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-4xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.auth-card.wide{max-width:540px}.auth-title{font-size:var(--font-size-2xl);text-align:center;color:var(--color-primary-dark);margin-bottom:var(--space-xs);font-weight:700}.auth-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-3xl)}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);display:flex}.pagination .page-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);background:var(--color-bg-white);color:var(--color-text-secondary);transition:all .15s}.pagination .page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination .page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.tender-card{padding:var(--space-xl);border-left:4px solid var(--color-primary);justify-content:space-between;align-items:center;transition:box-shadow .15s;display:flex}.tender-card:hover{box-shadow:var(--shadow-md)}.tender-card .tender-title{font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.tender-card .tender-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dashboard-stats{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard-grid{gap:var(--space-2xl);grid-template-columns:1.5fr 1fr;display:grid}.dashboard-grid-full{grid-column:1/-1}.widget{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.widget-header{padding:var(--space-lg) var(--space-2xl);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.widget-header h3{font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.widget-body{padding:var(--space-lg) var(--space-2xl)}.widget-body-flush{padding:0}.stat-card-enhanced{padding:var(--space-xl) var(--space-2xl)}.stat-card-row{align-items:center;gap:var(--space-lg);display:flex}.stat-card-icon{border-radius:var(--radius-lg);background:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-content{flex:1;min-width:0}.stat-card-enhanced .stat-value{font-size:var(--font-size-2xl)}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-message{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4}.activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ending-soon-list{flex-direction:column;display:flex}.ending-soon-item{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.ending-soon-item:last-child{border-bottom:none}.ending-soon-item:hover{background:var(--color-bg-hover);margin:0 calc(var(--space-lg) * -1);padding-left:var(--space-lg);padding-right:var(--space-lg)}.ending-soon-urgent{background:var(--color-danger-bg)}.ending-soon-info{flex:1;min-width:0}.ending-soon-countdown{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:600;display:flex}.text-danger{color:var(--color-danger)!important}.hide-mobile{display:table-cell}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);color:var(--color-text-muted)}.empty-state p{font-size:var(--font-size-base)}.spinner{padding:var(--space-4xl);color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:600}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:9999;gap:var(--space-sm);flex-direction:column;max-width:380px;display:flex;position:fixed}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);cursor:pointer;border-left:4px solid;font-weight:500;animation:.25s toast-in}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.toast-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.toast-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.toast-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.error-boundary{min-height:60vh;padding:var(--space-3xl);justify-content:center;align-items:center;display:flex}.error-boundary-content{text-align:center}.error-boundary-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-danger)}.error-boundary-content p{margin-bottom:var(--space-xl)}@media (width>=769px){.sidebar-collapse-btn{display:flex}}@media (width<=768px){.sidebar{height:100vh;transition:transform .3s;position:fixed;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .sidebar-header small,.sidebar.collapsed .sidebar-footer .user-name{opacity:1;width:auto;max-height:none;margin-bottom:var(--space-sm)}.sidebar.collapsed .sidebar-nav a{padding-left:var(--space-lg);padding-right:var(--space-lg);justify-content:flex-start;gap:var(--space-sm);border-left-width:3px}.sidebar.collapsed .sidebar-header h2{font-size:var(--font-size-xl)}.sidebar.collapsed .sidebar-footer{padding:var(--space-lg)}.sidebar.collapsed .sidebar-footer .btn-logout{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.layout[data-sidebar-collapsed=true] .main-content{margin-left:0}.sidebar-collapse-btn{display:none!important}.main-content{padding:var(--space-lg);margin-left:0}.auth-card{padding:var(--space-2xl)}.form-grid,.stat-grid{grid-template-columns:1fr}.page-header{gap:var(--space-md);flex-direction:column;align-items:flex-start}.btn-group{flex-wrap:wrap}.table{font-size:var(--font-size-xs)}.table th,.table td{padding:var(--space-sm) var(--space-md)}.toast-container{left:var(--space-md);right:var(--space-md);max-width:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.hide-mobile{display:none}.widget-body,.widget-header{padding:var(--space-md) var(--space-lg)}}.sidebar-toggle{top:var(--space-md);left:var(--space-md);z-index:1001;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:none;position:fixed}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block}.sidebar.sidebar-open{z-index:1000;transform:translate(0)}.main-content{padding-top:calc(var(--space-lg) + 48px)}.sidebar-toggle{min-width:44px;min-height:44px}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr}.stat-card-enhanced .stat-value{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}