@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-BE2fNs0E.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-alAqRL36.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-XIH6-K3k.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/assets/inter-greek-400-normal-C3I71FoW.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-NrhEyngK.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-D4Vwzodn.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-BoeW9iIj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-B6guLgqG.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-1SJLBQ3N.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-CeQXL5ds.woff2) format("woff2"),url(/assets/inter-greek-500-normal-CSBZZ4CI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-CaqZN2hq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-t7rHAwBu.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-BGBWG807.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-vZ-N8GHY.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-Cnui8OiR.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-CCFnzSpK.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-Dhlb-90d.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BVGIV3oK.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-Cg0zx2i8.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-bGtGjVdZ.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-oWiwobpV.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-SzCdnevJ.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-D0KHSs-V.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-Cxpycf-U.woff2) format("woff2"),url(/assets/inter-greek-700-normal-DtGkhywV.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-CGpBpxLq.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-DL6eWghQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-CfWAu3Qq.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-Z3s-4e5M.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Drs_5D37.woff2) format("woff2"),url(/assets/inter-latin-700-normal-KTwiWvO9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #25B599;--color-gray: #646869;--color-black: #000000;--color-white: #ffffff;--color-primary-light: #4AC7AB;--color-primary-dark: #1A8A75;--color-gray-light: #8B9192;--color-gray-dark: #4A5051;--bg-primary: var(--color-white);--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-dark: var(--color-black);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-black);--text-secondary: var(--color-gray);--text-light: #666666;--text-muted: #999999;--text-white: var(--color-white);--border-light: #e1e5e9;--border-medium: #d1d5db;--border-dark: var(--color-gray);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease-out;--transition-medium: .2s ease-out;--transition-slow: .3s ease-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}#root{height:100%}code{font-family:JetBrains Mono,SF Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-medium);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark)}.btn-danger{background-color:#dc2626;color:var(--text-white)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-medium),box-shadow var(--transition-medium);background-color:var(--bg-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #25b5991a}.form-textarea{resize:vertical;min-height:80px}.form-error{color:#dc2626;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background-color:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.table th{background-color:var(--bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm)}.table tr:hover{background-color:var(--bg-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:#25b5991a;color:var(--color-primary-dark)}.badge-secondary{background-color:#6468691a;color:var(--color-gray-dark)}.badge-success{background-color:#22c55e1a;color:#15803d}.badge-warning{background-color:#f59e0b1a;color:#d97706}.badge-danger{background-color:#dc26261a;color:#dc2626}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.btn{font-size:var(--font-size-sm)}.table th,.table td{padding:var(--spacing-sm);font-size:var(--font-size-sm)}}@media (max-width: 640px){.card-header,.card-body,.card-footer{padding:var(--spacing-md)}}.layout-container{min-height:100vh;display:flex;flex-direction:column}.layout-navbar{background:#4f7f67;color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center}.layout-nav-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.layout-nav-brand:hover{color:#fff;opacity:.9}.layout-nav-links{display:flex;align-items:center;gap:2rem}.layout-nav-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s}.layout-nav-link:hover{opacity:.8}.layout-user-menu{position:relative;display:flex;align-items:center;gap:1rem}.layout-user-name{color:#fff;font-weight:500;opacity:.9}.layout-logout-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;transition:background-color .2s}.layout-logout-btn:hover{background:#fff3}.layout-main{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.layout-navbar{padding:1rem;flex-direction:column;gap:1rem}.layout-nav-links{gap:1rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.login-container{background:var(--bg-primary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;min-width:350px;max-width:400px;width:100%;margin:var(--spacing-lg)}.login-container h1{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.login-container p{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:var(--font-size-base)}.login-error{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form input{padding:var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-medium),box-shadow var(--transition-medium);background-color:var(--bg-primary)}.login-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #25b5991a}.login-form input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.login-form button{background:var(--color-primary);color:var(--text-white);border:none;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);font-family:inherit}.login-form button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-form button:disabled{background:var(--color-gray);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.login-container{margin:var(--spacing-md);padding:var(--spacing-xl);min-width:unset}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-wrapper{max-height:90vh;overflow-y:auto;margin:1rem;padding:0;width:100%;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalFadeIn .2s ease-out;max-width:100%;width:100%;max-height:calc(90vh - 2rem);overflow:hidden;display:flex;flex-direction:column}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s;border-radius:4px}.modal-close-btn:hover{color:#374151;background:#f3f4f6}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-form-group{display:flex;flex-direction:column;gap:6px}.modal-form-group label{font-weight:500;color:#374151;font-size:14px}.modal-form-group input,.modal-form-group textarea,.modal-form-group select{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-form-group input:focus,.modal-form-group textarea:focus,.modal-form-group select:focus{outline:none;border-color:#4f7f67;box-shadow:0 0 0 3px #4f7f671a}.modal-form-group small{color:#6b7280;font-size:12px}.modal-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.modal-form-actions .btn{min-width:100px}.code-input-container{position:relative}.code-input{font-family:monospace;font-weight:600;letter-spacing:1px;text-align:center}.code-progress{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e5e7eb;border-radius:1px}.code-progress-bar{height:100%;background:#4f7f67;border-radius:1px;transition:width .2s ease;width:0%}.form-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:16px}.form-error-text{color:#dc2626;font-size:14px;font-weight:500}.form-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;margin-bottom:16px}.form-success-text{color:#16a34a;font-size:14px;font-weight:500}@media (max-width: 640px){.modal-wrapper{margin:8px}.modal-content{max-height:calc(100vh - 16px)}.modal-sm,.modal-md,.modal-lg{max-width:none}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-form-row{grid-template-columns:1fr}.modal-form-actions{flex-direction:column}.modal-form-actions .btn{width:100%}}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px;color:#666}.modal-form-group select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s ease}.modal-form-group select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.modal-form-group select:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.modal-form-group textarea{resize:vertical;min-height:120px}.document-upload{width:100%}.upload-zone{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background-color:#f9fafb;transition:border-color .2s,background-color .2s}.upload-zone:hover{border-color:#6b7280;background-color:#f3f4f6}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:48px;margin-bottom:8px}.upload-prompt p{margin:0;font-size:16px;color:#374151;font-weight:500}.upload-prompt small{color:#6b7280;font-size:14px}.file-selected{display:flex;flex-direction:column;gap:16px}.file-info{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px}.file-icon{font-size:24px;flex-shrink:0}.file-details{display:flex;flex-direction:column;flex:1;text-align:left}.file-name{font-weight:500;color:#111827;word-break:break-word}.file-size{font-size:14px;color:#6b7280}.file-actions{display:flex;gap:8px;justify-content:center}.btn-danger-small{padding:6px 12px;font-size:14px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-danger-small:hover:not(:disabled){background-color:#dc2626}.btn-primary-small{padding:6px 12px;font-size:14px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary-small:hover:not(:disabled){background-color:#2563eb}.btn-danger-small:disabled,.btn-primary-small:disabled{opacity:.6;cursor:not-allowed}.upload-progress{display:flex;flex-direction:column;gap:8px;align-items:center}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;transition:width .3s ease}.progress-text{font-size:14px;color:#374151;font-weight:500}.upload-success{color:#059669;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px;background-color:#d1fae5;border-radius:4px;border:1px solid #a7f3d0}.ticket-info{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3b82f6}.currency-input{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:12px;color:#6b7280;font-weight:500;z-index:1}.currency-input input{padding-left:36px;width:100%}.currency-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ticket-info{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #10b981}.info-row{margin-bottom:8px;font-size:14px}.info-row:last-child{margin-bottom:0}.schedule-warning{display:flex;align-items:flex-start;gap:12px;background:#fef3c7;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #f59e0b}.warning-icon{font-size:18px;flex-shrink:0;margin-top:1px}.warning-text{font-size:14px;line-height:1.5}.modal-form-group input[type=date],.modal-form-group input[type=time]{font-family:inherit;font-size:14px}.modal-form-group input[type=date]:focus,.modal-form-group input[type=time]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ticket-details{font-family:Inter,sans-serif;height:100%;overflow-y:auto}.ticket-header{background:#f8fafc;border-radius:8px;padding:20px;margin-bottom:24px}.ticket-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item label{display:block;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ticket-id{font-family:monospace;font-size:12px;background:#e5e7eb;padding:4px 8px;border-radius:4px;display:inline-block}.status-badge{color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}.ticket-section{margin-bottom:20px}.ticket-section h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.description-content{background:#f9fafb;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;line-height:1.6;white-space:pre-wrap}.environment-content{background:#f0fdf4;padding:16px;border-radius:8px;border-left:4px solid #22c55e;line-height:1.6}.budget-info{background:#f0f9ff;padding:16px;border-radius:8px;border-left:4px solid #0ea5e9}.budget-amount{font-size:24px;font-weight:700;color:#0ea5e9;margin-bottom:8px}.budget-document{margin-bottom:8px}.document-info{font-size:16px;font-weight:600;color:#0ea5e9;margin-bottom:12px}.document-actions{margin-bottom:12px}.download-button{background:#0ea5e9;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.download-button:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.download-button:disabled,.download-button.downloading{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.download-button:disabled:hover,.download-button.downloading:hover{background:#94a3b8;transform:none;box-shadow:none}.document-id{font-family:monospace;font-size:12px;background:#e0f2fe;padding:4px 8px;border-radius:4px;color:#0277bd;display:inline-block}.budget-description{margin-bottom:8px;color:#374151}.budget-date{font-size:12px;color:#6b7280}.video-info{background:#fef3c7;padding:16px;border-radius:8px;border-left:4px solid #f59e0b}.video-link{color:#d97706;text-decoration:none;font-weight:500}.video-link:hover{text-decoration:underline}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:#e5e7eb}.timeline-item{position:relative;margin-bottom:16px}.timeline-marker{position:absolute;left:-20px;top:4px;width:8px;height:8px;background:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #3b82f6}.timeline-message{font-weight:500;color:#111827;margin-bottom:4px}.timeline-date{font-size:12px;color:#6b7280}.timeline-details{font-size:14px;color:#6b7280;margin-top:4px;font-style:italic}.ticket-actions{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:20px}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-buttons button{flex:0 0 auto}@media (max-width: 640px){.ticket-info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.dashboard-page{padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#333;margin-bottom:.5rem}.dashboard-header p{color:#6b7280}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#4f7f67;display:block;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.tickets-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1rem}.section-actions{display:flex;gap:.75rem;align-items:center}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-secondary.active{background:#4f7f67;color:#fff;border-color:#4f7f67}.filters-container{padding:0 1.5rem 1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.filter-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-select,.filter-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:#4f7f67;box-shadow:0 0 0 2px #4f7f671a}.btn-clear{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#fee2e2}.section-title{color:#333;font-size:1.25rem;margin:0}.table-container{overflow-x:auto;padding:0 1.5rem 1.5rem}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th,.ticket-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.ticket-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.ticket-table tbody tr:hover{background:#f9fafb}.ticket-id{font-family:monospace;font-size:.875rem;color:#6b7280}.client-info{display:flex;flex-direction:column;gap:.25rem}.client-code{font-family:monospace;font-size:.875rem;font-weight:600;color:#374151}.user-name{font-size:.75rem;color:#6b7280;font-style:italic}.description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.environment{background:#e5e7eb;color:#374151;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge{color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.budget{font-weight:600;color:#059669}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:#6b7280}.table-loading .loading-spinner{width:24px;height:24px;border-width:2px}.ticket-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s ease}.ticket-table th.sortable:hover{background-color:#f9fafb}.ticket-table th.sortable.active{background-color:#f3f4f6;font-weight:600}.ticket-table th.sortable:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #d1d5db;opacity:.3}.ticket-table th.sortable:hover:after{opacity:.6}.ticket-table th.sortable.active:after{opacity:0}@media (max-width: 768px){.dashboard-page{padding:1rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.actions{flex-direction:column}.description{max-width:150px}}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary{background:#4f7f67;color:#fff}.btn-primary:hover:not(:disabled){background:#3d6551}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.code-input-container{position:relative;width:100%}.code-input{width:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-align:center;padding:12px;border:2px solid #e1e5e9;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.code-input:focus{outline:none;border-color:#4285f4;background:#fff;box-shadow:0 0 0 3px #4285f41a}.code-input.valid{border-color:#34a853;background:#f0f9f0}.code-input.invalid{border-color:#ea4335;background:#fef7f7}.code-progress{height:4px;background:#e8eaed;border-radius:2px;margin-top:4px;overflow:hidden}.code-progress-bar{height:100%;background:linear-gradient(90deg,#4285f4,#34a853);border-radius:2px;transition:width .3s ease;width:0%}.code-progress-bar.complete{background:#34a853}.code-progress-bar.locked{background:#ea4335}.code-input[data-locked=true]{border-color:#ea4335;background:#fef7f7;color:#ea4335}.code-input[data-locked=true]::placeholder{color:#ea4335;opacity:.7}.code-input:disabled{background:#f5f5f5;color:#666;border-color:#ccc;cursor:not-allowed}.code-input:disabled+.code-progress .code-progress-bar.complete{background:#666}@media (max-width: 768px){.code-input{font-size:1rem;letter-spacing:1px;padding:10px}}.users-page{padding:2rem}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-content h1{color:#333;margin-bottom:.5rem}.header-content p{color:#6b7280;margin:0}.btn-primary{background:#4f7f67;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#3d6551}.users-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.table-container{overflow-x:auto;padding:1.5rem}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.users-table tbody tr:hover{background:#f9fafb}.client-code{font-family:monospace;font-weight:600;color:#4f7f67;background:#f0f9ff;padding:.25rem .5rem;border-radius:4px;display:inline-block}.access-code{font-family:monospace;font-weight:600;color:#dc2626;background:#fef2f2;padding:.25rem .5rem;border-radius:4px;display:inline-block}.actions{display:flex;gap:.5rem}.btn-sm{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-secondary{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-state h3{color:#374151;margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.loading-spinner{border:3px solid #e5e7eb;border-top:3px solid #4f7f67;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.users-page{padding:1rem}.users-header{flex-direction:column;align-items:stretch;gap:1rem}.actions{flex-direction:column}.table-container{padding:1rem}}.ticket-detail-page{padding:2rem}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.ticket-header h1{color:#333}.ticket-actions{display:flex;gap:1rem}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#5a6268}.ticket-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;color:#6b7280}.App{min-height:100vh;display:flex;flex-direction:column}.App-header{background-color:var(--color-black);padding:var(--spacing-xl);color:var(--text-white);box-shadow:var(--shadow-md)}.App-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.App-header p{font-size:var(--font-size-base);color:var(--color-gray)}.App-main{flex:1;padding:var(--spacing-xl)}.App-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-medium)}.App-link:hover{color:var(--color-primary-dark)}.nav{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--spacing-md) 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-medium)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.spinner{border:3px solid var(--border-light);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert-success{background-color:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.alert-error{background-color:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.alert-warning{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.alert-info{background-color:#25b5991a;color:var(--color-primary-dark);border:1px solid rgba(37,181,153,.2)}.modal-overlay{position:fixed;inset:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out;margin:var(--spacing-md)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-medium)}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.App-header,.App-main{padding:var(--spacing-lg)}.nav-container{padding:0 var(--spacing-md)}.nav-links{gap:var(--spacing-md)}.modal-content{margin:var(--spacing-sm)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}@media (max-width: 640px){.nav-container{flex-direction:column;gap:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}