:root{--primary-500: #3384ff;--brand-500: #4f46e5;--teal-500: #14b8a6;--plum-500: #9333ea;--success-500: #22c55e;--warning-500: #f59e0b;--danger-500: #ef4444;--mist-50: #f8fafc;--mist-100: #e2e8f0;--slate-900: #1f2937;--slate-600: #4b5563;--slate-400: #94a3b8;--card-radius: 18px;--input-radius: 6px;--button-radius: 6px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 12px 30px -12px rgba(15, 23, 42, .18);--shadow-lg: 0 20px 45px -20px rgba(15, 23, 42, .25);--divider: rgba(148, 163, 184, .3);--container-light: #ffffff;--overlay-bg: rgba(15, 23, 42, 1);--stroke-muted: rgba(148, 163, 184, .3);--form-surface: #eef2ff;--primary: var(--primary-500);--secondary: #6c757d;--text-primary: var(--slate-900);--text-secondary: #6c757d;--success: var(--success-500);--warning: var(--warning-500);--danger: var(--danger-500);--dark: var(--slate-900);--light: var(--mist-50);--white: var(--container-light);--border-color: var(--mist-100);--border-radius: var(--card-radius);--input-padding-x: .875rem}[data-theme=dark]{--light: #1d1e21;--dark: #f8fafc;--container-light: #1f2027;--text-primary: #f8fafc;--text-secondary: #a5a5a5;--border-color: #343544;--mist-50: #13141a;--mist-100: #1f2027;--overlay-bg: rgba(2, 6, 23, 1);--stroke-muted: rgba(148, 163, 184, .18);--form-surface: #1f2027;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .55);--shadow-md: 0 18px 35px -20px rgba(0, 0, 0, .65);--shadow-lg: 0 30px 60px -25px rgba(0, 0, 0, .7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:var(--dark);background-color:var(--light);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTczNyIgaGVpZ2h0PSIxMjA2IiB2aWV3Qm94PSIwIDAgMTczNyAxMjA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTczNi45MiAyMzAuMTQ4VjM3Mi40NzdMMTUyMC40MyA2MDIuNjI1SDE0MjIuMjRWNTAyLjMxNEgxNDgxLjM5TDE2NzAuMiAzMDEuMzEyTDE0ODMuOTkgMTAzLjA4N0wxNDg0LjU4IDEwMS42OTlMMTQ4My40IDEwMC40MzdIMTQ4MS41MUwxNDgyLjY5IDEwMS42OTlMMTQ4My45OSAxMDMuMDg3TDE0MjcuOCAyNDAuNDk1QzE0MTUuMjYgMjcxLjE1NiAxNDAyLjcyIDMwMS44MTcgMTM5MC4xOCAzMzIuNDc4TDEyODEuNDYgNTk4LjQ2MUwxMjc5LjgxIDYwMi42MjVIMTE4Mi4wOUw5NjMgMzcyLjQ3N1YyMzAuMTQ4TDExODIuMDkgMEgxMjgxLjQ2VjEwMC40MzdIMTIyMS40OUwxMDMwLjMxIDMwMS4zMTJMMTIxOS4xMiA0OTkuNjY0TDEyMTguMDUgNTAyLjMxNEgxMjIxLjZMMTIxOS4xMiA0OTkuNjY0TDEzMDMuOTQgMjkyLjM1NEMxMzE2LjQ4IDI2MS42OTMgMTMyOS4wMiAyMzEuMDMxIDEzNDEuNTYgMjAwLjI0NEwxNDIyLjI0IDMuMDI4MjdMMTQyMy40MiAwLjEyNjE3OEgxNTIwLjQzTDE1MjMuMTUgMi45MDIwOUwxNzM2LjkyIDIzMC4xNDhaIiBmaWxsPSIjMzM4NEZGIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNNzczLjkxOCA4MzMuMTQ4Vjk3NS40NzdMNTU3LjQyOSAxMjA1LjYySDQ1OS4yNFYxMTA1LjMxSDUxOC4zOUw3MDcuMTk2IDkwNC4zMTJMNTIwLjk5MiA3MDYuMDg3TDUyMS41ODQgNzA0LjY5OUw1MjAuNDAxIDcwMy40MzdINTE4LjUwOEw1MTkuNjkxIDcwNC42OTlMNTIwLjk5MiA3MDYuMDg3TDQ2NC44IDg0My40OTVDNDUyLjI2IDg3NC4xNTYgNDM5LjcyMSA5MDQuODE3IDQyNy4xODEgOTM1LjQ3OEwzMTguNDYzIDEyMDEuNDZMMzE2LjgwNyAxMjA1LjYySDIxOS4wOTFMMCA5NzUuNDc3VjgzMy4xNDhMMjE5LjA5MSA2MDNIMzE4LjQ2M1Y3MDMuNDM3SDI1OC40ODVMNjcuMzEyNiA5MDQuMzEyTDI1Ni4xMTkgMTEwMi42NkwyNTUuMDU0IDExMDUuMzFIMjU4LjYwM0wyNTYuMTE5IDExMDIuNjZMMzQwLjk0IDg5NS4zNTRDMzUzLjQ4IDg2NC42OTMgMzY2LjAyIDgzNC4wMzEgMzc4LjU1OSA4MDMuMjQ0TDQ1OS4yNCA2MDYuMDI4TDQ2MC40MjMgNjAzLjEyNkg1NTcuNDI5TDU2MC4xNSA2MDUuOTAyTDc3My45MTggODMzLjE0OFoiIGZpbGw9IiM5RjlGOUYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+Cjwvc3ZnPgo=);background-size:cover;background-position:center;background-attachment:scroll;overflow-x:hidden;width:100%;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background-color:var(--light)}a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);will-change:transform}.container{max-width:1800px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border-radius:var(--button-radius);font-weight:600;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;will-change:transform}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:#2a6fd4}.btn-secondary{background-color:var(--secondary);color:var(--white)}[data-theme=dark] .btn-primary{background-color:#4f6dff;color:#f3f4ff;box-shadow:none}[data-theme=dark] .btn-primary:hover{background-color:#627cff}[data-theme=dark] .btn-secondary{background-color:#3b3d45;color:#f5f5f5}[data-theme=dark] .btn-secondary:hover{background-color:#4a4c55}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px) translateZ(0)}.input{width:100%;padding:.5rem var(--input-padding-x);border:1px solid var(--border-color);border-radius:var(--input-radius);font-family:inherit;font-size:1rem;transition:all .3s ease;background:var(--form-surface);color:var(--text-primary)}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week],textarea,select{padding:.5rem var(--input-padding-x);font-family:inherit;background:var(--form-surface);color:var(--text-primary);border-radius:var(--input-radius)}input[type=datetime-local]{text-align:left}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer}.input:focus{outline:none;border-color:var(--primary)}[data-theme=dark] .input,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--form-surface);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .input:focus,[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary-500)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.layout{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--white);box-shadow:var(--shadow-sm);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-left{display:flex;align-items:center;flex-shrink:0}.header-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.header-edit-page-button{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 4px #00000014;transition:background-color .2s,box-shadow .2s,transform .15s}.header-edit-page-button:hover{background:#2563eb;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.header-edit-page-button:active{transform:translateY(0)}.header-edit-page-button svg{flex-shrink:0}.burger-menu{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;flex-shrink:0;color:var(--dark)}.burger-menu span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px;transition:background-color .2s ease}.header-left .logo{margin-left:24px}.burger-menu:hover span{background:var(--primary)}.header .container{padding-left:0}.logo{display:flex;align-items:center;gap:1rem;font-weight:700;font-size:1.25rem;color:var(--dark)}.header-user{position:relative;display:flex;align-items:center;gap:.75rem;margin-left:1rem}.header-user-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--light)}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;color:var(--dark)}.user-menu-trigger:hover{background:var(--light);border-color:var(--primary)}.user-menu-trigger svg{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.user-menu-trigger svg.open{transform:rotate(180deg) translateZ(0)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1);font-size:.875rem;color:var(--dark)}.user-menu-item:hover{background:var(--light)}.user-menu-item-danger{color:var(--danger)}.user-menu-item-danger:hover{background:#fee2e2}.user-menu-divider{height:1px;background:var(--border-color);margin:.25rem 0}.layout-content{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{position:fixed;left:0;top:0;height:100vh;width:250px;background:var(--white);box-shadow:var(--shadow-sm);padding:2rem 0;padding-top:calc(60px + 2rem);transition:transform .3s ease,width .3s ease;overflow-y:auto;overflow-x:hidden;z-index:99}.sidebar.closed{transform:translate(-100%);width:0}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:98;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{display:block;opacity:1;visibility:visible}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:99;height:100vh;padding-top:calc(60px + 2rem);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}}.nav{display:flex;flex-direction:column}.nav-item{padding:1rem 1.5rem;color:var(--text-secondary);transition:all .3s ease;border-left:3px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-item:hover{background:var(--light);color:var(--primary)}.nav-item.active{background:var(--light);color:var(--primary);border-left-color:var(--primary);font-weight:600}.nav-item-badge{background:var(--primary);color:var(--white);border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;min-width:20px;text-align:center;line-height:1.2}[data-theme=dark] .nav-item-badge{background:#5c77ff;color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto;transition:margin-left .3s ease;min-height:0}[data-theme=dark] .header,[data-theme=dark] .sidebar{background:#28282f}.layout-content.sidebar-open .main-content{margin-left:250px}.layout-content.sidebar-closed .main-content{margin-left:0}.main-content:has(.my-requests-page){padding:0!important;overflow:visible!important;height:100%!important;width:100%!important;display:flex!important;flex-direction:column!important;max-width:none!important}@media(max-width:768px){.layout-content{flex-direction:column}.layout-content.sidebar-open .main-content,.layout-content.sidebar-closed .main-content{margin-left:0}.sidebar{width:100%;padding:1rem 0}.nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.nav-item.active{border-left:none;border-bottom-color:var(--primary)}.header-edit-page-button{padding:8px 12px;font-size:13px}.header-edit-page-button span{display:none}}.App{text-align:center}