@import url(https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@300;400;500;700&display=swap);@media (max-width:1024px) and (min-width:768px){.app-sidebar,.sidebar{min-width:var(--sidebar-w-sm);width:var(--sidebar-w-sm)}.nav-item span,.nav-section-label,.sidebar-item span,.sidebar-logo span:last-child{display:none}.nav-item,.sidebar-item{border-radius:var(--r-lg);height:48px;justify-content:center;margin:2px auto;padding:0;width:48px}}@media (max-width:767px){#root,body,html{height:100%;margin:0;padding:0}.app-sidebar,.sidebar,nav.sidebar{display:none!important}.app-topbar,.top-bar,.topbar{box-shadow:var(--shadow-1);height:56px;left:0;padding:0 var(--s4);position:fixed;right:0;top:0;z-index:200}.app-content,.content-area,.main-content{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding-top:56px}.content-body,.page-content{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:var(--s4);padding-bottom:calc(var(--bottomnav-h) + var(--s4))}.bottom-nav{background:var(--surface-white);border-top:1px solid var(--border);bottom:0;height:var(--bottomnav-h);left:0;padding:0 0 env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:200}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{-webkit-tap-highlight-color:transparent;color:var(--text-muted);cursor:pointer;flex:1 1;flex-direction:column;font-size:10px;font-weight:var(--weight-medium);gap:3px;height:100%;justify-content:center;padding:0 var(--s2);text-decoration:none;transition:color var(--t-fast) var(--ease)}.bottom-nav-item.active{color:var(--blue-500)}.bottom-nav-item .bottom-nav-icon{height:24px;transition:transform var(--t-fast) var(--ease);width:24px}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal-content{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:95vh;max-width:100%;padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom, 0px))}.table-container{border-left:none;border-radius:0;border-right:none}table{display:block}thead{display:none}tbody,tbody tr{display:block}tbody tr{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--s3);padding:var(--s4)}tbody tr:hover td{background:#0000}tbody td{align-items:center;background:#0000!important;border-bottom:1px solid var(--surface-hover);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--s2) 0}tbody td:last-child{border-bottom:none}tbody td:before{color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.5px;margin-right:var(--s3);text-transform:uppercase}.btn-block-mobile{justify-content:center;width:100%}input,select,textarea{font-size:16px;height:52px}.grid-2,.grid-3,.grid-4,.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.card{border-radius:var(--r-md)}.page-header{margin-bottom:var(--s4);padding-bottom:var(--s4)}.fab{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--blue-50);border:none;border-radius:var(--r-lg);bottom:calc(var(--bottomnav-h) + var(--s4));box-shadow:var(--shadow-3);color:var(--blue-500);cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:var(--s4);transition:box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);width:56px;z-index:150}.fab:active{transform:scale(.95)}.app-header{padding:var(--s3) 0}.header-logo{height:24px}.page-title{font-size:var(--text-xl)}.main-content{padding-top:var(--s4)}.nav-tabs{display:none}.nav-mobile~.main-content{padding-bottom:70px}}@media (max-width:480px){.logo-group{gap:var(--s2)}.header-logo{height:20px}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:767px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}}@media (hover:none){.btn:hover,.input-field:hover{transform:none}}#root,body,html{height:100%;margin:0;padding:0}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);min-height:100vh}.app-shell{background:var(--surface-base);display:flex;height:100vh;overflow:hidden}.app-sidebar,.sidebar,nav.sidebar{display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-width:var(--sidebar-w);overflow-x:hidden;overflow-y:auto;transition:width var(--t-normal) var(--ease),transform var(--t-normal) var(--ease);width:var(--sidebar-w);z-index:200}.app-nav,.app-sidebar,.sidebar,[class*=nav-sidebar],nav.sidebar{background:var(--surface-white);border-right:1px solid var(--border)}.app-nav,[class*=nav-sidebar]{color:var(--text-primary)}.app-nav a,.sidebar a,[class*=sidebar] a{color:var(--text-secondary);text-decoration:none;transition:color var(--t-fast) var(--ease)}.app-nav a:hover,.sidebar a:hover,[class*=sidebar] a:hover{color:var(--blue-500)}.sidebar-brand,.sidebar-logo{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);gap:var(--s3);height:var(--topbar-h);letter-spacing:-.3px;padding:0 var(--s5);text-decoration:none}.nav-section{padding:var(--s2) 0}.nav-section-label{color:var(--text-muted);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.8px;padding:var(--s4) var(--s5) var(--s1);text-transform:uppercase}.nav-item,.sidebar-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--s3);height:40px;margin:1px var(--s2);overflow:hidden;padding:0 var(--s3);text-decoration:none;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);white-space:nowrap}.nav-item:hover,.sidebar-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active,.nav-item.selected,.sidebar-item.active,.sidebar-item.selected{background:var(--surface-active);color:var(--blue-500);font-weight:var(--weight-semibold)}.nav-item .nav-icon,.sidebar-item .nav-icon{flex-shrink:0;height:20px;opacity:.7;width:20px}.nav-item.active .nav-icon,.sidebar-item.active .nav-icon{opacity:1}.app-topbar,.top-bar,.topbar{align-items:center;background:var(--surface-white);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:var(--s4);height:var(--topbar-h);padding:0 var(--s6);z-index:100}.app-content,.content-area,.main-content{-webkit-overflow-scrolling:touch;background:var(--surface-base);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto}.content-body,.page-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--s6)}.page-header,[class*=page-header]{background:var(--surface-white);border-bottom:1px solid var(--border);margin-bottom:var(--s6);padding:var(--s5) var(--s6)}.page-header h1,.page-header h2{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--weight-medium);margin:0}.App-header{align-items:center;background:var(--blue-500);color:var(--text-white);display:flex;padding:var(--s5) var(--s6)}thead th{background:var(--surface-white);border-bottom:1px solid var(--border);color:#5f6368;font-size:11px;font-weight:var(--weight-medium);letter-spacing:.8px;text-align:left;text-transform:uppercase}tbody td,thead th{padding:var(--s3) var(--s4)}tbody td{border-bottom:1px solid #f1f3f4;color:var(--text-primary);font-size:var(--text-sm)}tbody tr:hover td{background:#f8f9fa!important}.btn{background:#0000;border:1px solid var(--border);color:var(--text-primary);padding:0 var(--s5);transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.btn-primary{background:var(--blue-500);color:var(--text-white)}.btn-primary:hover{background:var(--blue-600)}.btn-secondary{background:var(--surface-white);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1.1rem}.card{margin:var(--s4) 0;padding:var(--s4)}.button-group{align-items:center;flex-direction:column}.btn-block-mobile{max-width:200px;width:100%}.counter{font-size:3rem}}@media (max-width:480px){.App-header{padding:var(--s4)}.title{font-size:2rem}.card{padding:var(--s4)}}:root{--font-display:"Google Sans","Roboto",sans-serif;--font-body:"Roboto",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Roboto Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-sans:var(--font-body);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--blue-50:#e8f0fe;--blue-100:#d2e3fc;--blue-200:#aecbfa;--blue-500:#1a73e8;--blue-600:#1967d2;--blue-700:#1557b0;--red-50:#fce8e6;--red-500:#d93025;--red-600:#c5221f;--green-50:#e6f4ea;--green-500:#1e8e3e;--green-600:#137333;--yellow-50:#fef7e0;--yellow-500:#f9ab00;--yellow-600:#b06000;--primary-50:#e8f0fe;--primary-100:#d2e3fc;--primary-200:#aecbfa;--primary-300:#8ab4f8;--primary-400:#669df6;--primary-500:#1a73e8;--primary-600:#1967d2;--primary-700:#1557b0;--primary-800:#104d9a;--primary-900:#0d3f82;--accent-blue:#1a73e8;--accent-light:#4285f4;--sky:#1a73e8;--success-50:#e6f4ea;--success-100:#ceead6;--success-500:#1e8e3e;--success-600:#137333;--success-700:#0d652d;--warning-50:#fef7e0;--warning-100:#feefc3;--warning-500:#f9ab00;--warning-600:#b06000;--warning-700:#8a4d00;--danger-50:#fce8e6;--danger-100:#fad2cf;--danger-500:#d93025;--danger-600:#c5221f;--danger-700:#a50e0e;--info-500:#1a73e8;--gray-50:#f8f9fa;--gray-100:#f1f3f4;--gray-200:#e8eaed;--gray-300:#dadce0;--gray-400:#bdc1c6;--gray-500:#80868b;--gray-600:#5f6368;--gray-700:#3c4043;--gray-800:#303134;--gray-900:#202124;--surface-base:#fafbfc;--surface-white:#fff;--surface-hover:#f1f3f4;--surface-active:#e8f0fe;--surface-pressed:#d2e3fc;--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-tertiary:#f1f3f4;--bg-elevated:#fff;--bg-card:#fff;--bg-overlay:#20212499;--border:#e1e4e8;--border-hover:#bdc1c6;--border-focus:#1a73e8;--border-light:#e1e4e8;--border-medium:#bdc1c6;--border-strong:#80868b;--text-primary:#24292f;--text-secondary:#57606a;--text-tertiary:#80868b;--text-muted:#80868b;--text-disabled:#bdc1c6;--text-link:#0969da;--text-white:#fff;--text-inverse:#fff;--shadow-1:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;--shadow-2:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;--shadow-3:0 4px 8px 3px #3c404326,0 1px 3px #3c40434d;--shadow-modal:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003;--shadow-xs:0 1px 2px #3c404326;--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-xl:var(--shadow-modal);--shadow-2xl:var(--shadow-modal);--sidebar-w:256px;--sidebar-w-sm:72px;--topbar-h:64px;--bottomnav-h:56px;--content-max:1200px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:28px;--r-pill:9999px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:28px;--radius-full:9999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--ease:cubic-bezier(0.2,0,0,1);--t-fast:100ms;--t-normal:150ms;--t-slow:200ms;--transition-fast:100ms cubic-bezier(0.2,0,0,1);--transition-normal:150ms cubic-bezier(0.2,0,0,1);--transition-slow:200ms cubic-bezier(0.2,0,0,1);--touch-target:44px;--touch-target-large:48px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}@media (prefers-color-scheme:dark){:root{--surface-base:#fafbfc;--surface-white:#fff;--surface-hover:#f1f3f4;--surface-active:#e8f0fe;--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-tertiary:#f1f3f4;--bg-elevated:#fff;--bg-card:#fff;--text-primary:#24292f;--text-secondary:#57606a;--text-tertiary:#80868b;--border-light:#e1e4e8;--border-medium:#bdc1c6;--border-strong:#80868b}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;color-scheme:light!important;font-size:16px}body,html{line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);overscroll-behavior:none;text-rendering:optimizeLegibility;touch-action:manipulation}.container{margin:0 auto;max-width:var(--content-max);padding:0 var(--s4);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.app-layout{background:var(--surface-base);display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--surface-white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-content{gap:var(--s4);justify-content:space-between;padding:var(--s4) 0}.header-content,.logo-group{align-items:center;display:flex}.logo-group{flex-wrap:wrap;gap:var(--s3)}.header-logo{height:32px;object-fit:contain;transition:transform var(--t-fast) var(--ease);width:auto}.header-logo:hover{transform:scale(1.05)}.logo-icon{align-items:center;background:var(--blue-500);border-radius:var(--r-sm);color:var(--text-white);display:flex;font-size:14px;font-weight:var(--weight-bold);height:40px;justify-content:center;letter-spacing:-.02em;width:40px}.logo-text{display:flex;flex-direction:column}.logo-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.2}.logo-subtitle{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.desktop-controls,.header-actions,.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s3)}.project-selector{align-items:center;background:var(--surface-base);border:1px solid var(--border);border-radius:var(--r-pill);display:flex;gap:var(--s2);padding:var(--s2) var(--s3)}.project-label{color:var(--text-secondary)}.project-label,.select-field{font-size:var(--text-sm);font-weight:var(--weight-medium)}.select-field{appearance:none;-webkit-appearance:none;background:var(--surface-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%235f6368' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;min-height:36px;padding:var(--s2) var(--s8) var(--s2) var(--s3)}.select-field,.user-info{border-radius:var(--r-pill)}.user-info{align-items:center;background:var(--surface-base);border:1px solid var(--border);display:flex;gap:var(--s3);padding:var(--s2) var(--s3);transition:background var(--t-fast) var(--ease)}.user-info:hover{background:var(--surface-hover)}.user-avatar,.user-avatar-large{align-items:center;background:var(--blue-500);border-radius:var(--r-pill);color:var(--text-white);display:flex;flex-shrink:0;font-size:14px;font-weight:var(--weight-bold);height:36px;justify-content:center;width:36px}.user-avatar-large{font-size:16px;height:40px;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-size:var(--text-sm)}.user-name,.user-role{font-weight:var(--weight-medium)}.user-role{color:var(--blue-500);font-size:var(--text-xs);text-transform:capitalize}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:var(--s2);transition:background var(--t-fast) var(--ease)}.mobile-menu-btn:hover{background:var(--surface-hover)}.menu-icon{font-size:24px;line-height:1}.mobile-menu{background:var(--surface-base);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:var(--s4);padding:var(--s4)}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--s4)}.user-info-mobile{align-items:center;border:1px solid var(--border);border-radius:var(--r-md);gap:var(--s3);padding:var(--s3)}.nav-tabs,.user-info-mobile{background:var(--surface-white);display:flex}.nav-tabs{-ms-overflow-style:none;border-bottom:1px solid var(--border);overflow-x:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:73px;z-index:var(--z-sticky)}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--s2);min-height:var(--touch-target);padding:var(--s4) var(--s6);transition:all var(--t-fast) var(--ease);white-space:nowrap}.nav-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-tab.active{background:var(--surface-active);border-bottom-color:var(--blue-500);color:var(--blue-500)}.nav-tab-icon,.tab-icon{font-size:var(--text-lg)}.tab-label{font-size:var(--text-sm)}.tab-count{background:var(--blue-500);border-radius:var(--r-pill);color:var(--text-white);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 8px}.tab-count.active{background:var(--surface-white);color:var(--blue-500)}.main-content{flex:1 1;margin:0 auto;max-width:100%;padding:var(--s6)}.card{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow var(--t-fast) var(--ease)}.card:hover{box-shadow:var(--shadow-1)}.card-header{background:var(--surface-base);border-bottom:1px solid var(--border);padding:var(--s6)}.card-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--s1)}.card-body,.card-footer{padding:var(--s6)}.card-footer{background:var(--surface-base);border-top:1px solid var(--border)}.btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--blue-500);border:1px solid #0000;border-radius:var(--r-pill);color:var(--text-white);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--s2);height:36px;justify-content:center;letter-spacing:.25px;min-height:var(--touch-target);outline:none;overflow:hidden;padding:0 var(--s4);position:relative;text-decoration:none;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:hover{background:var(--blue-600);box-shadow:var(--shadow-1)}.btn:active{background:var(--blue-700);box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.38;pointer-events:none}.btn-filled,.btn-primary{background:var(--blue-500);border-color:var(--blue-500);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--blue-600);box-shadow:var(--shadow-1)}.btn-primary:active{background:var(--blue-700);box-shadow:none}.btn-secondary,.btn-tonal{background:var(--blue-50);border-color:#0000;color:var(--blue-500)}.btn-secondary:hover:not(:disabled){background:var(--blue-100)}.btn-secondary:active{background:var(--blue-200)}.btn-outlined{background:#0000;border-color:var(--border);color:var(--blue-500)}.btn-outlined:hover{background:var(--blue-50);border-color:var(--blue-500)}.btn-ghost,.btn-text{background:#0000;border-color:#0000;color:var(--blue-500);padding:0 var(--s3)}.btn-ghost:hover{background:var(--blue-50)}.btn-reset{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary)}.btn-reset:hover{background:var(--surface-active)}.btn-success{background:var(--green-500);color:var(--text-white)}.btn-success:hover:not(:disabled){background:var(--green-600)}.btn-danger{background:var(--red-500);border-color:var(--red-500);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:var(--red-600);box-shadow:var(--shadow-1)}.btn-icon{background:#0000;border-color:#0000;border-radius:var(--r-pill);color:var(--text-secondary);height:40px;padding:0;width:40px}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-sm,.btn-small{font-size:var(--text-xs);height:28px;min-height:36px;padding:0 var(--s3)}.btn-lg{font-size:var(--text-base);height:48px;min-height:52px;padding:0 var(--s6)}.btn-full{width:100%}.form-group{margin-bottom:var(--s5)}.form-group label,.form-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--s1)}.form-label.required:after{color:var(--red-500);content:" *"}.form-group.required label:before{color:var(--red-500);content:"*";margin-right:4px}.form-group label:after{content:none}.form-error{color:var(--red-500);font-size:var(--text-xs);margin-top:var(--s1)}.form-input,.form-select,.form-textarea,.input-field,input,select,textarea{-webkit-appearance:none;appearance:none;background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);height:56px;min-height:var(--touch-target);outline:none;padding:0 var(--s4);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);width:100%}.form-input::placeholder,.form-textarea::placeholder,.input-field::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover,.input-field:hover,input:hover,select:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus,.input-field:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-focus);border-width:2px;box-shadow:none;padding:0 calc(var(--s4) - 1px)}.form-textarea,textarea{height:auto;line-height:1.5;min-height:120px;padding:var(--s3) var(--s4);resize:vertical}.form-textarea:focus,textarea:focus{padding:calc(var(--s3) - 1px) calc(var(--s4) - 1px)}.form-select,select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%235f6368' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:var(--s8)}.form-input[disabled],.form-select[disabled],.form-textarea[disabled],.input-field:disabled{background:var(--surface-base);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.input-group{align-items:center;display:flex;position:relative}.input-group .input-field{padding-left:var(--s12)}.input-group-icon{color:var(--text-secondary);font-size:var(--text-lg);left:var(--s4);position:absolute;top:50%;transform:translateY(-50%);z-index:1}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex!important;font-weight:var(--weight-medium);gap:var(--s2);margin-bottom:0}.form-checkbox{accent-color:var(--blue-500);cursor:pointer;height:18px;width:18px}.form-grid{grid-gap:var(--s5);display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--s5)}.form-grid .form-group.full-width{grid-column:1/-1}.form-row{grid-gap:var(--s4);display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{border-top:1px solid var(--border);display:flex;gap:var(--s3);justify-content:flex-end;margin-top:var(--s5);padding:var(--s5) 0}.form-section{background:var(--surface-base);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--s6);padding:var(--s6)}.form-section-title{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);gap:var(--s3);margin-bottom:var(--s5);padding-bottom:var(--s3)}.form-container{border-radius:var(--r-lg);max-width:100%;width:100%}.form-card,.form-container{background:var(--surface-white);overflow:hidden}.form-card{border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:var(--s6);position:relative;transition:box-shadow var(--t-fast) var(--ease)}.form-card:hover{box-shadow:var(--shadow-1)}.form-card:before{background:var(--blue-500);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-grid{grid-gap:var(--s4);display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--s8)}.dashboard-card{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;overflow:hidden;padding:var(--s6);position:relative;text-align:center;transition:box-shadow var(--t-fast) var(--ease)}.dashboard-card:hover{box-shadow:var(--shadow-1)}.dashboard-card.total{border-left:3px solid var(--blue-500)}.dashboard-card.pending{border-left:3px solid var(--yellow-500)}.dashboard-card.approved{border-left:3px solid var(--green-500)}.dashboard-card.rejected{border-left:3px solid var(--red-500)}.dashboard-card.active{background:var(--blue-50)!important;border:1px solid var(--blue-500)!important;box-shadow:var(--shadow-1)!important}.dashboard-card.active.total{border-left:3px solid var(--blue-700)!important}.dashboard-card.active.pending{background:var(--yellow-50)!important;border-left:3px solid var(--yellow-600)!important}.dashboard-card.active.approved{background:var(--green-50)!important;border-left:3px solid var(--green-600)!important}.dashboard-card.active.rejected{background:var(--red-50)!important;border-left:3px solid var(--red-600)!important}.dashboard-card-icon{display:block;font-size:32px;margin-bottom:var(--s3)}.dashboard-card-value{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--s2)}.dashboard-card-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;overflow-x:auto}.table-container,table{background:var(--surface-white)}table{border-collapse:collapse;width:100%}th,thead th{background:var(--surface-base);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.8px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}tbody td,td,th,thead th{padding:var(--s3) var(--s4)}tbody td,td{background:var(--surface-white);border-bottom:1px solid var(--surface-hover);color:var(--text-primary);font-size:var(--text-sm);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-hover)!important;cursor:pointer}tr:nth-child(odd) td{background:var(--surface-white)!important}.badge{align-items:center;border-radius:var(--r-pill);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-medium);height:20px;padding:0 var(--s2);white-space:nowrap}.badge-success{background:var(--green-50);color:var(--green-600)}.badge-warning{background:var(--yellow-50);color:var(--yellow-600)}.badge-danger{background:var(--red-50);color:var(--red-600)}.badge-info{background:var(--blue-50);color:var(--blue-600)}.badge-neutral{background:var(--surface-hover);color:var(--text-secondary)}.modal-overlay{align-items:center;background:#20212480;display:flex;inset:0;justify-content:center;padding:var(--s4);position:fixed;z-index:9999}.modal,.modal-content{animation:modalSlideIn .2s var(--ease);background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90vw}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-normal);margin-bottom:var(--s4)}.modal-footer{border-top:1px solid var(--border);display:flex;gap:var(--s2);justify-content:flex-end;margin-top:var(--s6);padding-top:var(--s4)}.modal-content .form-group{margin-bottom:var(--s5)}.modal-content .form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--s2)}.modal-content .input-field{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);font-size:var(--text-sm);padding:var(--s3) var(--s4);transition:border-color var(--t-fast) var(--ease);width:100%}.modal-content .input-field:focus{border-color:var(--blue-500);border-width:2px;outline:none}.modal-content .input-field:disabled{background:var(--surface-base);color:var(--text-muted);cursor:not-allowed}.modal-content textarea.input-field{min-height:80px;resize:vertical}.modal-content select.input-field{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%235f6368' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.chip{align-items:center;background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);height:32px;padding:0 var(--s3);transition:background var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none}.chip:hover{background:var(--surface-hover)}.chip.chip-active{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-500)}.divider{background:var(--border);border:none;height:1px;margin:var(--s4) 0}.page-header{border-bottom:1px solid var(--border);margin-bottom:var(--s6);padding-bottom:var(--s6)}.page-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-normal);line-height:1.2;margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--s1)}.notification-container{max-width:400px;position:fixed;right:var(--s4);top:var(--s4);width:calc(100vw - var(--s8));z-index:var(--z-toast)}.notification{align-items:flex-start;animation:slideIn .3s var(--ease);background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-3);color:var(--text-primary);display:flex;font-weight:var(--weight-medium);gap:var(--s3);margin-bottom:var(--s3);padding:var(--s4)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification.success{border-left:4px solid var(--green-500)}.notification.error{border-left:4px solid var(--red-500)}.notification.info{border-left:4px solid var(--blue-500)}.notification.warning{border-left:4px solid var(--yellow-500)}.content{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.action-buttons{border-top:1px solid var(--border);display:flex;gap:var(--s3);justify-content:flex-end;margin-top:var(--s6);padding-top:var(--s5)}.button-group{display:flex;flex-wrap:wrap;gap:var(--s3)}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border);border:2px solid var(--border);border-radius:50%;border-top-color:var(--blue-500);height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{opacity:.6;pointer-events:none}.loading-overlay{align-items:center;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#dadce0;background-clip:content-box;border:2px solid #0000;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#bdc1c6;background-clip:content-box}.grid{grid-gap:var(--s6);display:grid;gap:var(--s6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--s2)}.gap-3{gap:var(--s3)}.gap-4{gap:var(--s4)}.gap-6{gap:var(--s6)}.mb-2{margin-bottom:var(--s2)}.mb-4{margin-bottom:var(--s4)}.mb-6{margin-bottom:var(--s6)}.mb-8{margin-bottom:var(--s8)}.mt-2{margin-top:var(--s2)}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.ml-2{margin-left:var(--s2)}.mr-2{margin-right:var(--s2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:var(--r-sm)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-xl)}.shadow{box-shadow:var(--shadow-2)}.shadow-lg{box-shadow:var(--shadow-3)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.cursor-pointer{cursor:pointer}.fade-in{animation:fadeIn .3s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-materials .material-card{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--s4);padding:var(--s5);transition:box-shadow var(--t-fast) var(--ease)}.mobile-materials .material-card:hover{box-shadow:var(--shadow-1)}.materials-grid{grid-gap:var(--s4);display:grid;gap:var(--s4)}.material-row{grid-gap:var(--s3);align-items:center;background:var(--surface-base);border:1px solid var(--border);border-radius:var(--r-sm);display:grid;gap:var(--s3);grid-template-columns:2fr 1fr 1fr 1fr auto;padding:var(--s4)}.features{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s6)}.features h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);margin-bottom:var(--s4)}.features ul{list-style:none;padding:0}.features li{border-bottom:1px solid var(--surface-hover);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--s2) 0}.features li:last-child{border-bottom:none}.App-link{color:var(--blue-500);font-weight:var(--weight-medium);text-decoration:none;transition:color var(--t-fast) var(--ease)}.App-link:hover{color:var(--blue-700);text-decoration:underline}.base-view{background:var(--surface-base);display:flex;flex-direction:column;min-height:100vh}.nav-mobile{background:var(--surface-white);border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-around;left:0;padding:var(--s2) 0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:200}.nav-mobile-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;font-size:12px;justify-content:center;min-height:var(--touch-target);text-decoration:none;transition:color var(--t-fast) var(--ease)}.nav-mobile-item.active{color:var(--blue-500)}.nav-mobile-icon{font-size:20px;margin-bottom:4px}.nav-mobile-label{font-size:11px}.loading-screen{align-items:center;background:var(--surface-base);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-content{color:var(--text-primary);text-align:center}.loading-content h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);margin-top:var(--s6)}.loading-content p{color:var(--text-secondary);margin-top:var(--s2)}.error-container{align-items:center;background:var(--surface-base);display:flex;justify-content:center;min-height:100vh;padding:var(--s4)}.error-card{max-width:400px;text-align:center;width:100%}.error-icon{font-size:48px;margin-bottom:var(--s6)}@media (max-width:640px){.card-body,.card-footer,.card-header,.main-content{padding:var(--s4)}.nav-tab{font-size:var(--text-xs);padding:var(--s3) var(--s4)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media (min-width:768px){.main-content{max-width:768px}}@media (min-width:1024px){.main-content{max-width:1024px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}img{display:block;height:auto;max-width:100%}img[loading=lazy]{background:var(--surface-hover)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.checklist-mobile{grid-gap:12px;display:grid;gap:12px}.checklist-item{background:#f8f9fa;border:1px solid #e1e4e8;border-radius:12px;padding:12px}.checklist-item-header{color:#24292f;font-size:14px;font-weight:500;margin-bottom:8px}.checklist-options{background:#e8eaed;border-radius:8px;display:flex;gap:4px;padding:4px}.checklist-option{flex:1 1;position:relative;text-align:center}.checklist-option input[type=radio]{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%;z-index:2}.checklist-option-label{background:#0000;border-radius:6px;color:#5f6368;cursor:pointer;display:block;font-size:12px;font-weight:600;padding:8px 4px;transition:all .1s ease}.checklist-option input[type=radio]:checked+.checklist-option-label{box-shadow:0 1px 3px #0000001f}.checklist-option.option-good input[type=radio]:checked+.checklist-option-label{background:#137333;color:#fff}.checklist-option.option-bad input[type=radio]:checked+.checklist-option-label{background:#c5221f;color:#fff}.checklist-option.option-regular input[type=radio]:checked+.checklist-option-label{background:#e37400;color:#fff}.checklist-option.option-na input[type=radio]:checked+.checklist-option-label{background:#5f6368;color:#fff}@media (max-width:640px){.checklist-options{flex-wrap:wrap}.checklist-option{flex:1 0 45%}}@media (max-width:375px){.checklist-option{flex:1 0 48%}.checklist-option-label{font-size:11px;padding:8px 4px}}