@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--primary:#ff6a00;--primary-glow:#ff6a004d;--secondary:#28af60;--warning:#ffa200;--danger:#ff3d3d;--info:#66cfff;--bg-base:#0a0a0b;--bg-sidebar:#111113;--bg-surface:#18181b;--bg-elevated:#222226;--bg-card:#1d1d20b3;--bg-hover:#ffffff0d;--border:#ffffff0f;--border-bright:#ffffff1f;--glass-effect:blur(20px) saturate(180%);--text-primary:#f8fafc;--text-secondary:#ffffffa6;--text-muted:#fff6;--shadow-sm:0 4px 12px #0006;--shadow-md:0 12px 32px #0009;--shadow-lg:0 24px 64px #000c;--shadow-glow:0 0 30px #ff6a0026;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page{width:100%;padding:28px 32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-1px;margin:0;font-size:28px;font-weight:900}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:14px;font-weight:500}.page-header-actions{align-items:center;gap:12px;display:flex}.page-date{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px}@media (width<=768px){.page{padding:20px 16px 120px!important}.page-header{flex-direction:column;gap:8px;margin-bottom:20px;align-items:flex-start!important}.page-title{font-size:20px}}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px #ff6b0126}.btn--outline{border:1px solid var(--border-bright);color:#fff;background:#ffffff08}.btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #0006}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.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-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.loader-spinner{border:3px solid var(--border-bright);border-top-color:var(--primary);width:40px;height:40px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;animation:.8s linear infinite spin}.fade-in{animation:.3s forwards fadeIn}.slide-in{animation:.3s forwards slideIn}.modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;z-index:999999999!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal{border:1px solid var(--border-bright);border-radius:var(--radius-xl);background:#111;max-width:600px;animation:.2s ease-out modalPopNatural;box-shadow:0 40px 100px #000c;flex-direction:column!important;width:95%!important;max-height:90vh!important;display:flex!important;position:relative!important;overflow:hidden!important}.modal--fullscreen{border-radius:var(--radius-lg)!important;z-index:99999999!important;width:96%!important;max-width:1400px!important;height:94vh!important;max-height:94vh!important;margin:auto!important}@keyframes modalPopNatural{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.app-main{z-index:101!important;position:relative!important}.modal--lg{max-width:850px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header div h2,.modal-header div h3{color:#fff;margin:0;font-size:19px;font-weight:700}.modal-header div p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.modal-body{flex-direction:column;gap:16px;padding:20px 28px;display:flex;flex:1!important;overflow-y:auto!important}.modal-footer{border-top:1px solid var(--border);background:#ffffff03;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.modal-close{background:var(--bg-hover);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.show-mobile-only{display:none}.form-input,.form-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);padding:8px 12px;font-size:13px}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.invoice-item-grid{grid-template-columns:2.5fr 1.2fr 1.2fr 1.5fr 45px;align-items:center;gap:12px;display:grid}@media (width<=1400px){.invoice-item-grid{grid-template-columns:2.2fr 1fr 1fr 1.3fr 40px;gap:8px}}@media (width<=1200px){.modal--fullscreen{width:98%!important;height:96vh!important}.form-grid-4,.form-grid-3{grid-template-columns:1fr 1fr}.invoice-item-grid{grid-template-columns:2fr 1fr 1fr 1.2fr 40px}}@media (width<=1024px){.header-hidden-mobile{display:none!important}.invoice-item-grid{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;grid-template-columns:1fr;gap:16px;position:relative;padding:16px!important}.btn-remove-row{position:absolute;top:10px;right:10px}.show-mobile-only{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block!important}}@media (width<=600px){.modal--fullscreen{border-radius:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important}.form-grid-3,.form-grid-2,.form-grid-4,.form-grid-5{grid-template-columns:1fr}.modal-header{padding:12px 16px}.modal-header div h2{font-size:16px}.modal-footer{flex-direction:column-reverse;gap:6px;padding:10px 16px}.modal-footer .btn{width:100%;padding:10px;font-size:13px}.modal-body{gap:12px!important;padding:16px 14px!important}}.search-select-container{width:100%;position:relative}.search-select-input{cursor:text!important;width:100%!important}.search-select-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-bright);border-radius:var(--radius-md);z-index:1000000;background:#1a1a1ae6;max-height:250px;animation:.1s ease-out fadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.search-select-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.search-select-item:hover,.search-select-item.active{background:var(--bg-hover);color:#fff}.search-select-item:last-child{border-bottom:none}.search-select-item-name{font-weight:500}.search-select-item-extra{color:var(--text-muted);font-size:11px}.search-select-no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:12px;font-style:italic}.login-bg{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.login-glow--1{background:var(--primary);opacity:.15;width:500px;height:500px;top:-250px;left:-250px}.login-glow--2{background:var(--primary-dark);opacity:.1;width:400px;height:400px;bottom:-200px;right:-200px}.login-glow--3{background:var(--primary);opacity:.05;width:300px;height:300px;top:40%;left:40%}.login-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:1;background:#0a0a0acc;padding:48px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{filter:drop-shadow(0 0 15px #ff6b014d);margin-bottom:16px;font-size:56px;line-height:1}.login-logo h1{background:linear-gradient(135deg, #fff, var(--primary));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.login-logo p{color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:500}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--text-secondary);padding-left:4px;font-size:13px;font-weight:600}.login-field input{border-radius:var(--radius-md);color:#fff;background:#111;border:1px solid #333;outline:none;padding:14px 18px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-field input:focus{border-color:var(--primary);background:#161616;box-shadow:0 0 0 4px #ff6b011a}.login-field input::placeholder{color:#444}.login-error{color:#ff9f9a;border-radius:var(--radius-sm);background:#ff453a1a;border:1px solid #ff453a33;padding:12px 16px;font-size:13px;font-weight:500}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;margin-top:8px;padding:16px;font-size:16px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 25px #ff6b014d}.login-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 30px #ff6b0166}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}.login-divider{color:#444;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:32px 0 20px;font-size:12px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:#222;flex:1;height:1px}.login-quick{flex-direction:column;gap:12px;display:flex}.quick-user-btn{border-radius:var(--radius-lg);color:#fff;text-align:left;background:#111;border:1px solid #222;align-items:center;gap:16px;padding:14px 20px;font-size:14px;transition:all .3s;display:flex}.quick-user-btn:hover{border-color:var(--role-color);background:#161616;transform:scale(1.02);box-shadow:0 10px 20px #0000004d}.quick-avatar{background:linear-gradient(135deg, var(--role-color), #000);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #0003}.quick-info{flex-direction:column;flex:1;gap:2px;display:flex}.quick-name{font-size:15px;font-weight:700}.quick-role{color:#666;font-size:12px;font-weight:600}.quick-icon{font-size:20px}.notification{z-index:100000000;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s forwards slideNotif;display:flex;position:fixed;top:24px;right:24px}@keyframes slideNotif{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.notification--success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98166}.notification--error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.notification--info{color:#a5b4fc;background:#6366f126;border:1px solid #6366f166}