@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f6f7fb;--color-surface: #ffffff;--color-elevated: #fefefe;--color-text: #111827;--color-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #5d5fef;--color-primary-hover: #4b4dd3;--color-secondary: #0ea5e9;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #0ea5e9;--state-hover: rgba(17, 24, 39, .04);--state-pressed: rgba(17, 24, 39, .08);--state-disabled: rgba(17, 24, 39, .3);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);--shadow-card: 0 16px 40px rgba(15, 23, 42, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-primary-hover)}ul,ol{margin-left:2rem;margin-bottom:1rem}li{margin-bottom:.5rem}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}table{border-collapse:collapse;width:100%}img{height:auto;display:block}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;background-color:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-size:.9em}::selection,::-moz-selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid rgba(14,165,233,.6);outline-offset:2px}:focus:not(:focus-visible){outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(93,95,239,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(14,165,233,.08),transparent 30%),#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:modalFade .16s ease-out}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 18px 60px #0f172a2e;border:1px solid rgba(229,231,235,.8);animation:modalSlide .22s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#f8fafce6,#ffffffb3);position:sticky;top:0;z-index:2}.modal-title{font-size:1.15rem;font-weight:700;color:var(--color-text)}.modal-body{padding:var(--space-5) var(--space-6);background:var(--color-surface);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:#f8fafce6;position:sticky;bottom:0;z-index:2}.modal-close{border:1px solid rgba(226,232,240,.9);background:#f8fafc;color:var(--color-muted);width:36px;height:36px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{border-color:var(--color-primary);color:var(--color-primary);background:#eef2ff;box-shadow:0 8px 20px #5d5fef26}.modal-section{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{transform:translateY(12px);opacity:.92}to{transform:translateY(0);opacity:1}}.form-field{margin-bottom:var(--space-4)}.form-field label{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--color-text)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background-color:var(--color-surface);transition:border-color .2s,box-shadow .2s}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #5d5fef26;outline:none}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.btn-icon{padding:var(--space-2);border:none;background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;margin:0 2px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:1100}.toast{min-width:280px;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);animation:toast-slide-in .25s ease forwards}.toast-icon{font-size:1.25rem}.toast-content p{margin:0;font-size:.95rem;color:var(--color-text)}.toast-close{border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:1rem}.toast-success{border-color:#16a34a66}.toast-error{border-color:#dc262666}.toast-warning{border-color:#d9770666}.toast-visible{opacity:1}.toast-hidden{opacity:0;transform:translate(20px);transition:opacity .2s ease,transform .2s ease}.layout{display:flex;height:100vh;background:var(--color-bg);color:var(--color-text)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#d3e7fa;padding:20px}.login-container{text-align:center;color:#fff;max-width:400px;width:100%}.login-logo{margin-bottom:40px}.login-logo .logo-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-logo h1{font-size:28px;margin:0 0 8px;font-weight:600}.login-logo p{font-size:16px;opacity:.9;margin:0}.main-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 32px;background:#fff;color:#667eea;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:32px}.main-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.language-selector-bottom{position:relative}.language-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.language-btn:hover{background:#ffffff4d}.sidebar{width:280px;background:linear-gradient(180deg,#0b1220,#0f1b33);color:#fff;display:flex;flex-direction:column;padding:28px 20px;gap:24px;position:relative;z-index:100;box-shadow:0 20px 60px #0f172a40;border-right:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:width .3s ease}.sidebar.collapsed{width:96px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.logo-info{display:flex;flex-direction:column}.logo-title{margin:0;font-size:15px;font-weight:600}.logo-subtitle{font-size:12px;color:#ffffffb3}.collapse-toggle{border:none;background:#ffffff0f;color:#fff;width:36px;height:36px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.collapse-toggle:hover{background:#ffffff1f}.sidebar-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#ffffff14,#36acb41f);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px #0000002e;position:relative}.sidebar-search input{border:none;background:transparent;color:#fffc;font-size:14px;width:100%;outline:none}.sidebar-search input::placeholder{color:#ffffff80}.sidebar-search:focus-within{border-color:#36acb466;box-shadow:0 16px 38px #36acb440}.search-clear{border:none;background:#ffffff1f;color:#fff;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.search-clear:hover{background:#ffffff3d}.nav-menu{flex:1;display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding-right:6px}.nav-section-title{margin:0 0 12px;font-size:12px;letter-spacing:.08em;color:#ffffff80;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;color:#ffffffb3;text-decoration:none;font-size:14px;border:1px solid transparent;transition:background .2s,border .2s,color .2s,transform .2s}.nav-item:hover{background:linear-gradient(90deg,#7a73ff2e,#43c7ff2e);color:#fff;transform:translate(2px)}.nav-item.active{background:linear-gradient(90deg,#7a73ff3d,#36acb433);border-color:#7a73ff66;color:#fff}.nav-label{flex:1}.sidebar-footer{display:flex;flex-direction:column;gap:16px;position:relative}.search-empty{margin:0;padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.18);color:#ffffffb3;text-align:center;font-size:13px}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.sidebar-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid transparent;color:#fffc;cursor:pointer;transition:background .2s,border .2s}.sidebar-action:hover{background:#ffffff1f}.sidebar-action.logout-btn{color:#ffb4b4;background:#ff5c5c1f}.language-menu{position:absolute;bottom:140px;left:0;background:#fff;color:#111;border-radius:12px;box-shadow:0 18px 45px #0f172a33;padding:8px;min-width:160px;z-index:1000}.language-menu button{width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;border-radius:8px;text-align:left;font-size:14px}.language-menu button:hover{background:#0f172a0a}.language-menu button.active{background:#36acb424;color:#0b1220}.user-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.user-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7a73ff,#43c7ff);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{margin:0;font-size:14px;font-weight:600;color:#fff}.user-role,.sidebar-footer .session-time{font-size:12px;color:#ffffffb3}.sidebar.collapsed .logo-info,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-action span,.sidebar.collapsed .user-details{display:none}.sidebar.collapsed .sidebar-action,.sidebar.collapsed .user-card{justify-content:center}.main-container{flex:1;display:flex;flex-direction:column;background:var(--color-bg)}.header{height:64px;background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:12px}.update-status{color:var(--color-muted);font-size:14px}.header-right{display:flex;align-items:center;gap:32px;color:var(--color-muted);font-size:14px}.logout-btn-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;color:#e74c3c;cursor:pointer;transition:all .2s;font-size:12px}.logout-btn-header:hover{background:#fef2f2;border-color:#e74c3c}.content{flex:1;padding:var(--space-8);overflow-y:auto;background:var(--color-bg)}.mobile-nav-toggle{display:none;position:fixed;top:20px;left:20px;z-index:200;background:#2c2b2d;color:#fff;border:none;width:48px;height:48px;border-radius:12px;cursor:pointer;align-items:center;justify-content:center}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150}@media (max-width: 1024px){.content{padding:24px}.header-right{gap:16px;font-size:12px}.header{padding:0 24px}}@media (max-width: 768px){.layout{position:relative}.mobile-nav-toggle{display:flex}.sidebar{position:fixed;top:0;left:-260px;width:260px;height:100vh;transition:left .3s ease;z-index:150}.sidebar.collapsed{width:260px}.sidebar.open{left:0}.mobile-overlay.show{display:block}.main-container{width:100%;margin-left:0}.header{padding:0 80px 0 20px;height:56px}.header-left{display:none}.header-right{gap:12px;font-size:12px}.session-time{display:none}.content{padding:20px 16px 16px}.language-menu{left:20px;right:20px;bottom:100px}.login-screen{padding:16px}.login-logo .logo-icon{width:64px;height:64px;font-size:24px}.login-logo h1{font-size:24px}.login-logo p{font-size:14px}.main-login-btn{padding:14px 24px;font-size:14px}}@media (max-width: 480px){.header{padding:0 16px}.header-right{gap:8px;font-size:11px}.user-name{display:none}.content{padding:12px}.mobile-nav-toggle{top:14px;left:14px;width:40px;height:40px}.logout-btn-header{padding:4px 8px;font-size:11px}}.login-page{min-height:100vh;background:#d3e7fa;display:flex;align-items:center;justify-content:center;padding:20px}.login-screen{width:100%;max-width:450px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;padding:40px;width:100%;text-align:center}.login-header{margin-bottom:32px}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.login-logo .logo-icon{width:80px;height:80px;background:#667eea;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:20px}.login-logo h1{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 8px}.login-logo p{font-size:16px;color:#666;margin:0}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #f5c6cb;margin-bottom:16px}.form-field{display:flex;flex-direction:column;text-align:left}.form-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:8px;color:#495057}.form-field input{padding:14px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;font-family:inherit;transition:all .2s;outline:none}.form-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field input::placeholder{color:#adb5bd}.form-field small{margin-top:4px;font-size:12px;color:#6c757d;line-height:1.3}.password-input input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:color .2s}.form-options{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#495057}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.login-btn{width:100%;padding:16px 24px;background:#667eea;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:20px}.login-btn:hover:not(:disabled){background:#667eea;transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-btn.loading{position:relative}.login-btn.loading:after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:0;left:0;bottom:0;right:0}.login-footer{text-align:center;color:#6c757d;font-size:14px}.help-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .2s}.link-btn:hover{color:#5a6fd8}.demo-credentials{background:#f8f9fa;border-radius:8px;padding:16px;text-align:left;margin-bottom:20px}.demo-credentials h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057}.demo-roles{display:flex;flex-direction:column;gap:8px}.demo-role{display:flex;flex-direction:column;gap:2px}.demo-role strong{font-size:12px;color:#495057}.demo-role span{font-size:11px;color:#6c757d;font-family:monospace}.language-selector-bottom{position:relative;display:flex;justify-content:center}.language-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.language-btn:hover{background:#667eea33;border-color:#667eea}.language-selector-bottom .language-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;margin-bottom:8px;min-width:120px;z-index:1000}.language-selector-bottom .language-menu button{width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:14px;text-align:left;color:#333}.language-selector-bottom .language-menu button:hover{background:#f8f9fa}.language-selector-bottom .language-menu button.active{background:#3498db;color:#fff}@media (max-width: 480px){.login-page{padding:16px}.login-container{padding:32px 24px;max-width:none;width:100%}.login-logo .logo-icon{width:64px;height:64px;font-size:24px}.login-logo h1{font-size:24px}.login-logo p{font-size:14px}.form-field input{font-size:16px}.login-btn{padding:14px 20px;font-size:16px}.demo-credentials{padding:12px}.help-links{flex-direction:column;gap:8px}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.org-form{padding:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field.full-width{grid-column:1 / -1}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.field-hint{font-size:12px;color:#6c757d;margin-top:4px;line-height:1.4}.error-text{color:#dc3545;font-size:12px;margin-top:4px}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-submit{background:#2196f3;color:#fff}.btn-submit:hover:not(:disabled){background:#1976d2}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:none;width:100%;max-height:calc(100vh - 20px)}.modal-header{padding:20px 24px}.org-form{padding:24px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.user-form{padding:32px}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;color:#6c757d;transition:color .2s}.password-toggle:hover{color:#495057}.generate-password-btn{width:100%;padding:12px 16px;background:#f8f9fa;border:1px solid #ced4da;border-radius:8px;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s}.generate-password-btn:hover{background:#e9ecef;border-color:#adb5bd}.admin-dashboard{height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.admin-header{background:#fff;padding:20px 32px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:24px;font-weight:600;color:#2c3e50}.admin-actions{display:flex;gap:12px}.admin-content{flex:1;display:flex;overflow:hidden}.admin-sidebar{width:350px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #e9ecef}.sidebar-header h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.search-box input{border:none;outline:none;background:none;flex:1;font-size:14px}.organizations-items{flex:1;overflow-y:auto}.organization-item{padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.organization-item:hover{background:#f8f9fa}.organization-item.active{background:#e3f2fd;border-right:3px solid #2196f3}.org-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#2c3e50}.org-info p{margin:0 0 8px;font-size:12px;color:#6c757d}.org-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.organization-item:hover .org-actions{opacity:1}.org-actions button{padding:4px;border:none;background:none;cursor:pointer;border-radius:4px;color:#6c757d;transition:all .2s}.org-actions button:hover{background:#e9ecef;color:#dc3545}.admin-main{flex:1;overflow-y:auto;padding:24px}.org-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.org-title{display:flex;align-items:center;gap:12px}.org-title h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.org-actions{display:flex;gap:12px}.org-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.info-card h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.info-rows{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row label{font-size:14px;color:#6c757d;font-weight:500}.info-row span{font-size:14px;color:#2c3e50;text-align:right}.users-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.users-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.users-header h3{margin:0;font-size:16px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.users-controls{display:flex;gap:12px;align-items:center}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ecef}.users-table td{padding:16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#2c3e50}.users-table tbody tr:hover{background:#f8f9fa}.user-name strong{display:block;font-weight:600}.user-name small{display:block;color:#6c757d;font-size:12px}.table-actions{display:flex;gap:8px}.btn-icon{padding:6px;border:none;background:none;cursor:pointer;border-radius:4px;color:#6c757d;transition:all .2s}.btn-icon:hover{background:#e9ecef;color:#2c3e50}.btn-icon.btn-danger:hover{background:#f8d7da;color:#dc3545}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#155724}.status-trial{background:#fff3cd;color:#856404}.status-suspended{background:#f8d7da;color:#721c24}.status-expired{background:#e2e3e5;color:#383d41}.status-inactive{background:#e2e3e5;color:#6c757d}.role-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-system-owner{background:#f3e5f5;color:#6a1b9a}.role-admin{background:#e3f2fd;color:#1565c0}.role-manager{background:#e8f5e8;color:#2e7d32}.role-staff{background:#fff8e1;color:#f57f17}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#1976d2}.no-organization{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d;text-align:center}.no-organization h3{margin:16px 0 8px;font-size:18px;color:#6c757d}.no-organization p{margin:0;font-size:14px}.admin-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#6c757d}@media (max-width: 768px){.admin-content{flex-direction:column}.admin-sidebar{width:100%;max-height:300px}.admin-header{padding:16px 20px;flex-direction:column;gap:16px;align-items:flex-start}.org-info-grid{grid-template-columns:1fr}.users-controls{flex-direction:column;gap:8px;align-items:stretch}.org-details-header{flex-direction:column;gap:16px;align-items:flex-start}.org-actions{width:100%;justify-content:flex-start}}.admin-login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-container{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000026}.admin-login-header{text-align:center;margin-bottom:32px}.admin-logo{width:80px;height:80px;background:#667eea;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 24px;color:#fff}.admin-login-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#2c3e50}.admin-login-header p{margin:0;color:#6c757d;font-size:14px}.admin-error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid #f5c6cb}.admin-form-field{margin-bottom:20px}.admin-form-field label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#495057}.admin-form-field input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;font-family:inherit;transition:all .2s;outline:none}.admin-form-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-login-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:24px}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-btn.loading{position:relative}.admin-login-btn.loading:after{content:"";position:absolute;width:20px;height:20px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:0;left:0;bottom:0;right:0}.admin-login-footer{text-align:center;color:#6c757d;font-size:12px}.admin-login-footer p{margin:0}@media (max-width: 480px){.admin-login-screen{padding:16px}.admin-login-container{padding:32px 24px}.admin-logo{width:64px;height:64px;font-size:24px}.admin-login-header h2{font-size:20px}.admin-form-field input{font-size:16px}}.system-initializer{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.init-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.init-header{text-align:center;margin-bottom:40px}.init-header h1{color:#2c3e50;margin-bottom:20px;font-size:2rem;font-weight:600}.step-indicator{display:flex;justify-content:center;gap:20px;margin-top:20px}.step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;background:#e9ecef;color:#6c757d;transition:all .3s ease;position:relative}.step.active{background:#3498db;color:#fff}.step.completed{background:#27ae60;color:#fff}.step:not(:last-child):after{content:"";position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:#e9ecef;transition:background .3s ease}.step.completed:not(:last-child):after{background:#27ae60}.init-step{margin-bottom:30px}.step-header{text-align:center;margin-bottom:30px}.step-header svg{color:#3498db;margin-bottom:15px}.step-header h2{color:#2c3e50;margin-bottom:10px;font-size:1.5rem}.step-header p{color:#6c757d;font-size:1rem}.init-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field label{font-weight:500;color:#2c3e50;margin-bottom:6px;font-size:14px}.form-field input,.form-field textarea,.form-field select{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .3s ease;font-family:inherit}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-field small{margin-top:4px;color:#6c757d;font-size:12px}.confirmation-data{display:flex;flex-direction:column;gap:25px}.confirmation-section{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #3498db}.confirmation-section h3{color:#2c3e50;margin-bottom:15px;font-size:1.1rem}.data-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.data-row:last-child{border-bottom:none}.data-row span:first-child{font-weight:500;color:#6c757d}.data-row span:last-child{color:#2c3e50;font-weight:500}.success{text-align:center}.success-icon{color:#27ae60;margin-bottom:20px}.success-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:20px;margin-top:20px}.login-info{margin-bottom:20px}.login-info h3{color:#155724;margin-bottom:15px}.login-info p{margin:5px 0;color:#155724}.login-info strong{font-weight:600}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.init-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.btn-primary{padding:12px 24px;background:#3498db;border:2px solid #3498db;color:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-primary:hover:not(:disabled){background:#2980b9;border-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.system-initializer{padding:10px}.init-container{padding:20px;max-height:95vh}.init-header h1{font-size:1.5rem}.step-indicator{gap:15px}.step{width:35px;height:35px;font-size:14px}.step:not(:last-child):after{width:15px;right:-20px}.form-row{grid-template-columns:1fr;gap:15px}.init-actions{flex-direction:column}.step-header h2{font-size:1.25rem}}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.system-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#000}.system-loading p{margin-top:20px;font-size:1.1rem;font-weight:500;color:#000}.property-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.property-modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.property-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0}.property-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.limits-info{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#e3f2fd;border-bottom:1px solid #e9ecef;color:#1976d2;font-size:14px;font-weight:500}.property-form{padding:32px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.amenity-manage{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.amenity-manage input{flex:1;min-width:200px}.amenity-manage button{display:flex;align-items:center;gap:6px;border:none;border-radius:8px;background:#4f46e5;color:#fff;padding:10px 16px;cursor:pointer;transition:opacity .2s ease}.amenity-manage button:disabled{opacity:.6;cursor:not-allowed}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.amenity-checkbox{position:relative;padding:10px 14px;border:1px solid #e9ecef;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.amenity-checkbox:hover{border-color:#94a3b8}.amenity-checkbox label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer}.amenity-checkbox small{color:#94a3b8;font-size:12px;padding-left:28px}.amenity-checkbox input[type=checkbox]{width:18px;height:18px;border-radius:6px;accent-color:#4f46e5}.amenity-checkbox input[type=checkbox]:checked+span{color:#4f46e5}.amenity-remove-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:6px;transition:background .2s ease}.amenity-remove-btn:hover{background:#ef44441a}.empty-amenities{grid-column:1 / -1;text-align:center;color:#94a3b8;padding:16px;border:1px dashed #cbd5f5;border-radius:10px;background:#f8fafc}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:120px}@media (max-width: 768px){.property-modal-overlay{padding:10px}.property-modal-content{max-width:none;width:100%;max-height:calc(100vh - 20px)}.property-modal-header{padding:20px 24px}.limits-info{padding:12px 24px}.property-form{padding:24px}.form-grid{grid-template-columns:1fr}.amenity-manage{flex-direction:column}.amenities-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width: 480px){.property-modal-header{padding:16px 20px}.property-modal-header h2{font-size:18px}.limits-info{padding:12px 20px;font-size:13px}.property-form{padding:20px}.form-section h3{font-size:14px}.amenity-checkbox{padding:6px 10px;font-size:13px}}.task-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.task-modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0}.task-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:4px;transition:background-color .2s}.task-form{padding:32px}.form-section{margin-bottom:32px}.form-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:0 0 20px;color:#2c3e50;padding-bottom:8px;border-bottom:1px solid #e9ecef}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-field label{font-size:14px;font-weight:500;margin-bottom:6px;color:#495057}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-field textarea{resize:vertical;min-height:80px}.form-field small{font-size:12px;color:#666;margin-top:4px}.error-text{color:#e74c3c;font-size:12px;margin-top:4px}.form-field select[style*=border-left-color]{border-left-width:4px}.warning-banner{display:flex;align-items:center;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;margin-bottom:24px}.warning-banner svg{flex-shrink:0;color:#f39c12}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:120px;display:flex;align-items:center;gap:8px;justify-content:center}.btn-cancel{background:#f8f9fa;color:#495057;border:1px solid #ced4da}.btn-cancel:hover{background:#e9ecef}.btn-submit{background:#3498db;color:#fff}.btn-submit:hover:not(:disabled){background:#2980b9}.btn-submit:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.task-modal-overlay{padding:10px}.task-modal-content{max-width:none;width:100%;max-height:calc(100vh - 20px)}.task-modal-header{padding:20px 24px}.task-form{padding:24px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width: 480px){.task-modal-header{padding:16px 20px}.task-modal-header h2{font-size:18px}.task-form{padding:20px}.form-section h3{font-size:14px}.warning-banner{padding:12px;font-size:13px}}.property-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c22b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:1000}.property-details-content{width:100%;max-width:1100px;max-height:92vh;background:var(--color-surface);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px #0f172a59;border:1px solid rgba(15,23,42,.08)}.property-details-header{display:flex;justify-content:space-between;gap:24px;padding:32px 36px 20px;background:linear-gradient(135deg,#f7f8ff,#fff 70%);border-bottom:1px solid rgba(15,23,42,.08)}.header-info h2{margin:0 0 12px;font-size:26px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:10px}.property-meta{display:flex;flex-wrap:wrap;gap:10px}.property-number,.property-type{padding:4px 12px;font-size:13px;font-weight:600;border-radius:999px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);color:var(--color-text)}.property-status{padding:4px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;background:#d1fae5;color:#065f46}.header-actions{display:flex;align-items:center;gap:10px}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.action-btn.edit{background:#5d5fef26;color:#4f46e5;border-color:#5d5fef40}.action-btn.edit:hover{background:#5d5fef40}.close-btn{background:transparent;border:none;width:36px;height:36px;border-radius:999px;color:var(--color-muted);cursor:pointer;transition:background-color .2s,color .2s}.close-btn:hover{background:#0f172a14;color:var(--color-text)}.quick-actions{display:flex;flex-direction:column;gap:12px;padding:20px 36px;border-bottom:1px solid rgba(15,23,42,.05);background:var(--color-surface)}.quick-actions-note{padding:12px 14px;background:#0ea5e91f;color:#0c4a6e;border-radius:12px;font-size:13px}.quick-action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.quick-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s}.quick-action-btn.primary{background:linear-gradient(135deg,#5d5fef,#4cc9f0);color:#fff;box-shadow:0 14px 30px #5d5fef40}.quick-action-btn.primary:hover{transform:translateY(-1px)}.quick-action-btn.secondary{background:#0f172a0d;color:var(--color-text);border:1px solid rgba(15,23,42,.08)}.quick-action-btn.secondary:hover{background:#0f172a1a}.quick-action-btn.danger{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.quick-action-btn.danger:hover{background:#ef444433}.status-change-section{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:.9rem;color:var(--color-muted)}.status-change-section label{font-weight:500;color:var(--color-text)}.status-select{min-width:190px;border-radius:var(--radius-pill);border:1px solid rgba(15,23,42,.12);background:var(--color-surface);color:var(--color-text);padding:8px 14px;font-weight:500}.tabs-container{display:flex;flex-direction:column;background:var(--color-surface)}.tabs-header{display:flex;gap:8px;padding:0 32px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#0f172a08,#0f172a00)}.tab-btn{border:none;background:transparent;color:var(--color-muted);font-weight:600;padding:16px 18px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.tab-btn.active{color:var(--color-primary);background:#5d5fef1a;box-shadow:0 8px 20px #5d5fef26}.tabs-content{padding:32px 36px 36px;overflow-y:auto}.tab-content{display:flex;flex-direction:column;gap:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.info-card{background:var(--color-surface);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-lg);padding:20px;box-shadow:0 12px 30px #0f172a0f;display:flex;flex-direction:column;gap:14px}.info-card h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);display:inline-flex;align-items:center;gap:8px}.info-item{display:flex;justify-content:space-between;gap:16px;font-size:.95rem}.info-item span:first-child{color:var(--color-muted)}.rates-list{display:flex;flex-direction:column;gap:10px}.rate-item{display:flex;justify-content:space-between;font-weight:600;color:var(--color-text)}.description-section,.amenities-section{background:var(--color-bg);border-radius:var(--radius-lg);padding:20px 24px;border:1px solid rgba(15,23,42,.05)}.description-section h4,.amenities-section h4{margin-bottom:10px;font-size:1rem;color:var(--color-text)}.amenities-list{display:flex;flex-wrap:wrap;gap:10px}.amenity-tag{padding:6px 14px;border-radius:var(--radius-pill);background:#5d5fef14;color:var(--color-primary);font-weight:500;font-size:.85rem}.rental-info{display:flex;flex-direction:column;gap:20px}.rental-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);padding:24px;box-shadow:0 20px 45px #0f172a14}.rental-card h4{margin:0 0 16px;display:inline-flex;align-items:center;gap:8px}.rental-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;font-size:.95rem}.detail-item span:first-child{color:var(--color-muted)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.status-badge.pending{background:#d977061f;color:var(--color-warning)}.status-badge.active{background:#0ea5e91f;color:var(--color-info)}.status-badge.completed{background:#16a34a1f;color:var(--color-success)}.empty-state{background:var(--color-bg);border-radius:var(--radius-lg);padding:32px;text-align:center;display:flex;flex-direction:column;gap:8px;border:1px dashed rgba(15,23,42,.15);color:var(--color-muted)}.empty-state.small{padding:24px;font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-item{border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-lg);padding:18px 20px;background:var(--color-surface);box-shadow:0 12px 24px #0f172a0d;display:flex;flex-direction:column;gap:12px}.task-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.task-title{font-weight:600;color:var(--color-text)}.task-type{font-size:.85rem;color:var(--color-info);font-weight:600;display:inline-flex;align-items:center;gap:6px}.task-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:var(--color-muted)}.task-status{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.task-status.pending{background:#d977061f;color:var(--color-warning)}.task-status.in_progress{background:#0ea5e91f;color:var(--color-info)}.task-status.completed{background:#16a34a1f;color:var(--color-success)}.task-status.failed,.task-status.cancelled{background:#dc26261f;color:var(--color-danger)}.task-actions{display:flex;gap:8px}.action-btn.small{padding:8px 10px;border-radius:10px}.action-btn.complete{background:#16a34a29;color:var(--color-success);border-color:#16a34a59}.action-btn.cancel{background:#dc26261a;color:var(--color-danger);border-color:#dc262633}.loading-spinner{width:36px;height:36px;border:3px solid rgba(15,23,42,.08);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media (max-width: 768px){.property-details-content{padding:0;border-radius:20px}.property-details-header,.quick-actions,.tabs-content,.tabs-header{padding:20px}.info-grid{grid-template-columns:1fr}.task-info,.detail-item{flex-direction:column;align-items:flex-start}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:.95rem;font-weight:600;line-height:1.2;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-primary);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;min-height:44px;position:relative}.ui-button:focus-visible{outline:none;box-shadow:0 0 0 3px #5d5fef40}.ui-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 8px 20px #5d5fef40}.ui-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #5d5fef4d}.ui-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.ui-button--secondary:hover:not(:disabled){background:#f3f4f6;box-shadow:0 6px 12px #0f172a14}.ui-button--ghost{background:transparent;color:var(--color-text);border-color:transparent}.ui-button--ghost:hover:not(:disabled){background:var(--state-hover)}.ui-button--destructive{background:var(--color-danger);color:#fff}.ui-button--destructive:hover:not(:disabled){background:#b91c1c;box-shadow:0 8px 20px #dc26264d}.ui-button--sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:.85rem}.ui-button--lg{min-height:52px;padding:var(--space-4) var(--space-6);font-size:1rem}.ui-button--icon{width:44px;min-width:44px;padding:0}.ui-button--full{width:100%}.ui-button__spinner{width:18px;height:18px;animation:ui-button-spin .9s linear infinite;stroke:currentColor;fill:none;stroke-width:2}.ui-button__label{display:inline-flex;align-items:center;white-space:nowrap}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center}@keyframes ui-button-spin{0%{transform:rotate(0);stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{transform:rotate(360deg);stroke-dasharray:90,150;stroke-dashoffset:-124}}.ui-field{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.ui-field label{font-size:.9rem;font-weight:500;color:var(--color-text)}.ui-field__required{color:var(--color-danger);margin-left:2px}.ui-field__control{position:relative;display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.ui-field__control input,.ui-field__control textarea,.ui-field__control select{width:100%;border:none;background:transparent;padding:var(--space-3) var(--space-4);font-size:.95rem;color:var(--color-text);font-family:var(--font-sans);resize:vertical}.ui-field__control input:focus,.ui-field__control textarea:focus,.ui-field__control select:focus{outline:none}.ui-field__control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #5d5fef26}.ui-field__control--with-icon input,.ui-field__control--with-icon textarea{padding-left:44px}.ui-field__control--with-suffix input{padding-right:44px}.ui-field__icon,.ui-field__suffix{position:absolute;display:inline-flex;align-items:center;justify-content:center;color:var(--color-muted);height:100%;width:40px;pointer-events:none}.ui-field__icon{left:0}.ui-field__suffix{right:0;pointer-events:auto;color:var(--color-text)}.ui-field__description{font-size:.8rem;color:var(--color-muted)}.ui-field__error{font-size:.8rem;color:var(--color-danger)}.ui-field__control--error{border-color:#dc262699;box-shadow:0 0 0 2px #dc262626}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.ui-card__header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.ui-card__header h3{margin-bottom:var(--space-1);font-size:1rem}.ui-card__title{font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.ui-card__header p{margin:0;color:var(--color-muted);font-size:.9rem}.ui-card__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-card__body{width:100%}.ui-badge{display:inline-flex;align-items:center;padding:0 var(--space-3);height:26px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.ui-badge--neutral{background:#f3f4f6;color:var(--color-text);border-color:#e5e7eb}.ui-badge--success{background:#16a34a1a;color:var(--color-success);border-color:#16a34a4d}.ui-badge--warning{background:#d977061a;color:var(--color-warning);border-color:#d977064d}.ui-badge--danger{background:#dc26261a;color:var(--color-danger);border-color:#dc26264d}.ui-badge--info{background:#0ea5e914;color:var(--color-info);border-color:#0ea5e933}.ui-empty-state{width:100%;padding:var(--space-6);text-align:center;border-radius:var(--radius-lg);background:var(--color-surface);border:1px dashed var(--color-border);color:var(--color-muted);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center}.ui-empty-state--compact{padding:var(--space-5);border:none;background:transparent}.ui-empty-state__icon{width:56px;height:56px;border-radius:var(--radius-lg);background:#5d5fef14;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.5rem}.ui-empty-state h3{color:var(--color-text);margin-bottom:0}.ui-empty-state__action{display:flex;gap:var(--space-2)}.ui-table__wrapper{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.ui-table{width:100%;border-collapse:collapse;font-size:.95rem}.ui-table--sticky thead th{position:sticky;top:0;background:var(--color-surface);box-shadow:0 1px 0 var(--color-border)}.ui-table th,.ui-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.ui-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:600}.ui-table td{color:var(--color-text)}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table__row-clickable{cursor:pointer}.ui-table__row-clickable:hover{background:#5d5fef0a}.ui-table__actions-col{width:60px;text-align:right}.ui-table__sort{margin-left:var(--space-1);border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:.8rem}.ui-table__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:1px solid var(--color-border)}.ui-table__pagination-info{font-size:.85rem;color:var(--color-muted)}.ui-table__pagination-controls{display:flex;gap:var(--space-2)}.ui-table__pagination-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-2) var(--space-4);font-weight:500;cursor:pointer}.ui-table__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ui-page-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-page-header__info{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ui-page-header__breadcrumbs{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-2)}.ui-page-header h1{font-size:1.875rem;margin-bottom:var(--space-1)}.ui-page-header p{color:var(--color-muted);margin:0}.ui-page-header__actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.ui-page-header__secondary{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-page-header__filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ui-skeleton{display:inline-block;background:linear-gradient(90deg,#e5e7eb99,#e5e7eb4d,#e5e7eb99);background-size:200% 100%;border-radius:var(--radius-sm);animation:ui-skeleton-shimmer 1.4s ease infinite}.ui-skeleton--rounded{border-radius:var(--radius-pill)}@keyframes ui-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.floor-plan{display:flex;flex-direction:column;gap:var(--space-6)}.floor-plan-filter-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft)}.floor-plan-filter-header{display:flex;flex-direction:column;gap:var(--space-1)}.floor-plan-filter-header h3{margin:0;font-size:1.1rem}.floor-plan-filter-header span{color:var(--color-muted);font-size:.9rem}.floorplan-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,260px));gap:var(--space-4);width:100%;justify-content:space-between}.floor-plan-limits{margin-left:var(--space-2);font-size:.8rem;color:#fffc}.floor-plan-warning-title{display:flex;align-items:center;gap:var(--space-2)}.floor-plan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.floor-plan-stat-card p{margin:0;color:var(--color-muted);font-size:.9rem}.floor-plan-stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.floor-plan-stat-total{font-size:1.5rem;font-weight:600}.floor-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.room-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.room-card .ui-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.room-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.room-number{font-size:1.25rem;font-weight:600}.room-actions{display:inline-flex;gap:var(--space-2)}.room-edit-btn{border:none;background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;color:var(--color-muted)}.room-edit-btn:hover{color:var(--color-text);background:var(--state-hover)}.room-type{font-size:.9rem;color:var(--color-muted)}.room-client{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg)}.client-name{font-weight:600}.client-dates{font-size:.9rem;color:var(--color-muted)}.checkin-status{display:flex;gap:var(--space-2);flex-wrap:wrap}.rental-expiring-warning{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.85rem}.rental-expiring-warning.warning{background:#d9770626;color:var(--color-warning)}.rental-expiring-warning.danger{background:#dc262626;color:var(--color-danger)}.room-rates{display:flex;flex-direction:column;gap:var(--space-1);font-weight:500}.rate-item{font-size:.9rem;color:var(--color-text)}.floor-plan-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4);color:var(--color-muted)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.floor-plan-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.floor-plan-filter-header{align-items:flex-start}}.manager-dashboard{margin:0 auto;background:#f8f9fa;min-height:100vh}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.manager-header h1{font-size:32px;font-weight:600;color:#2c3e50;margin:0}.user-info{display:flex;align-items:center;gap:16px;font-size:16px;color:#666}.refresh-btn{background:#e3f2fd;border:1px solid #3498db;color:#3498db;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled){background:#3498db;color:#fff}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:24px}.error-banner button{margin-left:auto;background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background .2s}.error-banner button:hover{background:#0000001a}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.rooms-icon{background:#3498db}.clients-icon{background:#9b59b6}.revenue-icon{background:#27ae60}.occupancy-icon{background:#e67e22}.stat-content h3{font-size:14px;color:#666;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:4px}.quick-actions{margin-bottom:32px}.quick-actions h2{font-size:24px;color:#2c3e50;margin:0 0 20px}.actions-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:20px}.action-card{background:#fff;border-radius:12px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 2px 8px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;text-decoration:none;color:inherit}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#9b59b6);transform:scaleX(0);transition:transform .3s ease}.action-card:hover:before{transform:scaleX(1)}.action-icon{width:48px;height:48px;background:#e3f2fd;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#3498db;font-size:20px;margin-bottom:16px;transition:all .3s ease}.action-card:hover .action-icon{background:#3498db;color:#fff;transform:scale(1.1)}.action-card h3{font-size:18px;color:#2c3e50;margin:0 0 8px;font-weight:600}.action-card p{color:#666;margin:0;font-size:14px;line-height:1.4}.action-arrow{position:absolute;top:24px;right:24px;color:#bdc3c7;transition:all .3s ease}.action-card:hover .action-arrow{color:#3498db;transform:translate(4px)}.floor-plan-preview{background:#fff;border-radius:12px;padding:24px;margin-top:30px;box-shadow:0 2px 8px #00000014;margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2,.section-header h3{font-size:20px;color:#2c3e50;margin:0}.view-all-link{display:flex;align-items:center;gap:6px;color:#3498db;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.view-all-link:hover{color:#2980b9;text-decoration:none}.no-properties-message{text-align:center;padding:40px 20px;color:#666}.no-properties-message p{margin:0 0 16px;font-size:16px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#2980b9;text-decoration:none;color:#fff}.recent-activities{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.activity-item:last-child{border-bottom:none}.activity-time{display:flex;flex-direction:column;align-items:center;min-width:80px;text-align:center}.activity-time .time{font-size:12px;font-weight:600;color:#3498db}.activity-time .date{font-size:11px;color:#999}.activity-content{flex:1;font-size:14px;color:#2c3e50;line-height:1.4}.activity-content strong{color:#3498db;font-weight:600}.activity-amount{font-weight:600;color:#27ae60;font-size:14px;min-width:100px;text-align:right}.no-activities{text-align:center;padding:40px 20px;color:#999}.no-activities p{margin:0 0 20px;font-size:16px}.manager-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}@media (max-width: 768px){.manager-dashboard{padding:16px}.manager-header{flex-direction:column;align-items:flex-start;gap:16px}.manager-header h1{font-size:24px}.user-info{align-self:flex-end}.stats-overview{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px;flex-direction:column;text-align:center;gap:12px}.stat-icon{width:48px;height:48px;font-size:20px}.stat-number{font-size:24px}.actions-grid{grid-template-columns:1fr;gap:16px}.action-card{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-time{align-self:flex-start;flex-direction:row;gap:8px;min-width:auto}.activity-amount{align-self:flex-end;min-width:auto}}@media (max-width: 480px){.stats-overview{grid-template-columns:1fr}.quick-actions h2{font-size:20px}.action-card h3{font-size:16px}.action-card p{font-size:13px}.recent-activities,.floor-plan-preview{padding:16px}.activity-content{font-size:13px}}.rental-modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rental-modal-fade-in .3s ease-out}.rental-modal__container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:750px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:rental-modal-slide-in .4s cubic-bezier(.25,.46,.45,.94)}.rental-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.rental-modal__header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.rental-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background-color .2s,color .2s}.rental-modal__close-btn:hover{background-color:#f3f4f6;color:#111827}.rental-modal__form{padding:24px;overflow-y:auto;flex-grow:1}.rental-modal__form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.rental-modal__form-field{display:flex;flex-direction:column;gap:6px}.rental-modal__form-field label{font-size:.875rem;font-weight:500;color:#4b5563}.rental-modal__form-field input,.rental-modal__form-field select,.rental-modal__form-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1f2937;transition:border-color .2s,box-shadow .2s;background-color:#fff}.rental-modal__form-field input:focus,.rental-modal__form-field select:focus,.rental-modal__form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.rental-modal__form-field input:disabled,.rental-modal__form-field select:disabled{background-color:#f3f4f6;cursor:not-allowed}.rental-modal__form-field--error input,.rental-modal__form-field--error select{border-color:#ef4444}.rental-modal__form-field--error input:focus,.rental-modal__form-field--error select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.rental-modal__error-text{font-size:.8rem;color:#ef4444;margin-top:2px}.rental-modal__total-amount{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;margin-top:16px}.rental-modal__total-amount label{font-size:.9rem;color:#6b7280;display:block;margin-bottom:8px}.rental-modal__total-amount .amount{font-size:1.75rem;font-weight:700;color:#111827}.rental-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}.rental-modal__btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.rental-modal__btn--cancel{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.rental-modal__btn--cancel:hover{background-color:#f9fafb}.rental-modal__btn--submit{background-color:#2563eb;color:#fff}.rental-modal__btn--submit:hover{background-color:#1d4ed8}@keyframes rental-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rental-modal-slide-in{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.rental-modal__client-info{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280;margin-top:6px;padding:4px 8px;background-color:#f3f4f6;border-radius:6px}.rdm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rdm-fade-in .3s ease-out}.rdm-container{background-color:#f9fafb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:900px;height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:rdm-slide-in .4s cubic-bezier(.25,.46,.45,.94)}.rdm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff;flex-shrink:0}.rdm-header__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.rdm-header__subtitle{font-size:.9rem;color:#6b7280;margin-left:8px}.rdm-header__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#6b7280;transition:background-color .2s,color .2s}.rdm-header__close-btn:hover{background-color:#f3f4f6;color:#111827}.rdm-content{display:flex;flex-grow:1;overflow:hidden}.rdm-sidebar{width:300px;background-color:#fff;border-right:1px solid #e5e7eb;padding:24px;overflow-y:auto;flex-shrink:0}.rdm-sidebar__section{margin-bottom:24px}.rdm-sidebar__section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.rdm-sidebar__info-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#4b5563;margin-bottom:10px}.rdm-sidebar__badge{margin-top:8px;display:inline-block;padding:4px 10px;border-radius:12px;background:#eef2ff;color:#4c1d95;font-size:.85rem}.rdm-sidebar__info-item .icon{color:#9ca3af;flex-shrink:0}.rdm-main{flex-grow:1;padding:24px;overflow-y:auto}.rdm-tabs{display:flex;border-bottom:1px solid #d1d5db;margin-bottom:24px}.rdm-tabs__btn{padding:10px 16px;border:none;background-color:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#6b7280;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.rdm-tabs__btn--active{color:#1d4ed8;border-bottom-color:#2563eb}.rdm-payment-summary{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.rdm-payment-summary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.rdm-payment-summary__item h4{margin:0 0 4px;font-size:.8rem;color:#6b7280;text-transform:uppercase;font-weight:600}.rdm-payment-summary__item .amount{font-size:1.5rem;font-weight:700}.rdm-payment-summary__item .amount--total{color:#1f2937}.rdm-payment-summary__item .amount--paid{color:#059669}.rdm-payment-summary__item .amount--due{color:#dc2626}.rdm-timeline{position:relative;padding-left:20px}.rdm-timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background-color:#e5e7eb}.rdm-timeline__item{display:flex;align-items:flex-start;margin-bottom:24px;position:relative}.rdm-timeline__icon{width:24px;height:24px;border-radius:50%;background-color:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;position:absolute;left:-8px;top:0;z-index:1}.rdm-timeline__content{margin-left:32px;padding-bottom:16px;border-bottom:1px dashed #e5e7eb;width:100%}.rdm-timeline__item:last-child .rdm-timeline__content{border-bottom:none}.rdm-timeline__title{font-weight:600;color:#1f2937}.rdm-timeline__time{font-size:.8rem;color:#9ca3af}.rdm-timeline__details{font-size:.9rem;color:#4b5563;margin-top:4px}.billing-table{margin-top:20px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.billing-row{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0;align-items:center}.billing-row:last-child{border-bottom:none}.billing-status{font-size:.85rem;color:#475569}.billing-amount{text-align:right;font-weight:600}.billing-amount small{display:block;color:#64748b;font-weight:400}.rdm-empty-state{text-align:center;padding:48px 20px;color:#9ca3af}@keyframes rdm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rdm-slide-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.settings-page,.staff-page,.reports-page,.clients-page{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;background:var(--color-bg);min-height:100vh}.reports-page{padding-top:var(--space-2)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-header h1{font-size:2rem;font-weight:600;color:var(--color-text);margin:0}.header-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-box input{border:none;outline:none;width:200px;background:transparent}.filter-btn{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.btn-primary{display:flex;align-items:center;gap:8px;padding:var(--space-3) var(--space-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--color-primary-hover)}.rentals-grid{display:grid;grid-template-columns:1fr;gap:32px}.rental-types{display:flex;flex-direction:column;gap:16px}.rental-type-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);border-left:4px solid rgba(93,95,239,.35)}.rental-type-card h3{margin:0 0 8px;font-size:18px;color:var(--color-text)}.rental-type-card p{margin:0 0 8px;color:var(--color-muted);font-size:14px}.price-range{font-weight:600;color:var(--color-success);font-size:16px}.clients-stats,.rentals-stats,.payroll-stats,.staff-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.rentals-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1100px){.rentals-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.rentals-stats{grid-template-columns:1fr}}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;justify-content:space-between}.stats-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card h3{font-size:14px;color:var(--color-muted);margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.clients-table-wrapper{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.clients-table{width:100%;border-collapse:collapse}.clients-table th{text-align:left;padding:var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.rentals-table-wrapper{margin-top:10px}.clients-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-text)}.clients-table tbody tr:hover{background:var(--state-hover)}.btn-icon{padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:12px;color:var(--color-muted);transition:all .2s}.btn-icon:hover{background:var(--state-hover);border-color:var(--color-primary);color:var(--color-primary)}.date-range-picker{display:flex;align-items:center;gap:8px;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.date-range-picker input{border:none;outline:none;font-size:14px}.date-range-picker span{color:var(--color-muted);font-weight:500}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.report-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px}.report-card.featured{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 25px 50px #7765f659;border:none}.report-card.featured h3,.report-card.featured p,.report-card.featured span,.report-card.featured li{color:#ffffffe6}.report-card.featured .report-icon{background:#ffffff26;color:#fff}.report-icon{width:48px;height:48px;background:#5d5fef14;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:20px}.report-card h3{margin:0;font-size:18px;color:var(--color-text)}.report-card p{margin:0;color:var(--color-text);font-size:14px}.report-preview{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(180deg,#0f172a08,#0f172a0d)}.report-preview span{font-size:14px;color:var(--color-text)}.payment-schedule-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.payment-schedule-title{display:flex;align-items:center;gap:16px}.payment-schedule-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.payment-schedule-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-muted)}.payment-schedule-controls select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:14px;min-width:120px;background:var(--color-surface);color:var(--color-text)}.payment-schedule-note{font-size:13px;color:var(--color-muted);background:var(--color-bg);padding:12px;border-radius:8px;line-height:1.5}.settings-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.settings-section{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-header h3{margin:0;font-size:18px;color:var(--color-text)}.settings-section p{margin:0 0 20px;color:var(--color-muted);font-size:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:14px;font-weight:500;color:var(--color-text)}.form-field input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--color-surface);color:var(--color-text)}.form-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5d5fef1a}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text)}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}@media (max-width: 768px){.rentals-page,.clients-page,.reports-page,.settings-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:24px}.header-controls{width:100%;justify-content:space-between}.search-box{flex:1;min-width:200px}.search-box input{width:100%}.clients-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px}.stat-number{font-size:24px}.clients-table{font-size:12px}.clients-table th,.clients-table td{padding:12px 8px}.reports-grid,.settings-sections{grid-template-columns:1fr}.date-range-picker{width:100%;justify-content:space-between}.rental-types{gap:12px}.rental-type-card{padding:16px}}@media (max-width: 480px){.page-header h1{font-size:20px}.header-controls{flex-direction:column;gap:12px}.clients-stats{grid-template-columns:1fr}.btn-primary,.btn,.filter-btn{width:100%;justify-content:center}.search-box{width:100%}.clients-table th:nth-child(4),.clients-table td:nth-child(4),.clients-table th:nth-child(5),.clients-table td:nth-child(5){display:none}}.rentals-info{display:flex;flex-direction:column}.rentals-page{margin:0 auto;background:#f8f9fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.page-header h1{font-size:32px;font-weight:600;color:#2c3e50;margin:0}.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:250px}.search-box input{border:none;outline:none;flex:1;font-size:14px}.filter-group{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.filter-group select{border:none;outline:none;background:transparent;font-size:14px;cursor:pointer}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.stat-card.alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626;animation:pulse-red 2s infinite}.stat-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #d97706;animation:pulse-yellow 2s infinite}.providers-list{display:flex;flex-direction:row;gap:12px}.provider-item{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;flex:1}@keyframes pulse-red{0%,to{box-shadow:0 0 #dc2626b3}50%{box-shadow:0 0 0 10px #dc262600}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 #d97706b3}50%{box-shadow:0 0 0 10px #d9770600}}.status-column{display:flex;flex-direction:column;gap:4px}.payment-status{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;text-align:center}.payment-status.unpaid{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.payment-status.partial{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.payment-status.paid{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.amount-info{display:flex;flex-direction:column;gap:4px;min-width:140px}.total-amount{font-weight:600;color:#1f2937}.paid-amount{font-size:13px;color:#059669}.outstanding-amount{font-size:13px;font-weight:600;color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:4px;border:1px solid #fecaca}.payment-progress{margin-top:4px}.progress-bar{width:100%;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;border-radius:3px}.rental-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.btn-icon.payment.critical{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;color:#fff!important;box-shadow:0 2px 4px #dc26264d;animation:attention-red 3s infinite}.btn-icon.payment.warning{background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important;box-shadow:0 2px 4px #d977064d}.btn-icon.payment-manager{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 2px 4px #3b82f64d}@keyframes attention-red{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-icon:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.filter-group select option{padding:8px 12px}.rentals-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.rentals-table th{background:#f8fafc;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.rentals-table td{padding:12px;border-bottom:1px solid #f3f4f6;vertical-align:top}.rentals-table tr:hover{background:#f9fafb}.rentals-table tr[data-payment-status=unpaid]{background:linear-gradient(90deg,#fef2f2,#fff);border-left:4px solid #dc2626}.rentals-table tr[data-payment-status=partial]{background:linear-gradient(90deg,#fffbeb,#fff);border-left:4px solid #d97706}.permanent-rental-row{border-left:4px solid #6366f1;background:#f5f3ff}.permanent-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:12px;font-weight:600}@media (max-width: 768px){.providers-list{flex-direction:column}.rentals-stats{grid-template-columns:repeat(2,1fr);gap:12px}.rental-actions{flex-direction:column;gap:2px}.btn-icon{width:100%;justify-content:center;padding:8px 12px}.amount-info{min-width:auto}.outstanding-amount{font-size:12px}}@media (max-width: 480px){.rentals-stats{grid-template-columns:1fr}.rentals-table{font-size:14px}.rentals-table th,.rentals-table td{padding:8px}}.no-rentals{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fff;border-radius:8px;border:2px dashed #d1d5db}.empty-state{text-align:center;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#374151;font-size:18px;font-weight:600}.empty-state p{margin:0 0 16px;color:#6b7280}.critical-payment{animation:glow-red 2s infinite alternate}.warning-payment{animation:glow-yellow 2s infinite alternate}@keyframes glow-red{0%{box-shadow:0 0 5px #dc262680}to{box-shadow:0 0 20px #dc2626cc}}@keyframes glow-yellow{0%{box-shadow:0 0 5px #d9770680}to{box-shadow:0 0 20px #d97706cc}}@media (max-width: 1024px){.rentals-table-wrapper{overflow-x:auto}.rentals-table{min-width:800px}}.payment-notification{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s}.tooltip:hover:after{opacity:1;visibility:visible}:root{--bg-color: #f8f9fa;--text-color: #2c3e50;--card-bg: #ffffff;--border-color: #e9ecef;--primary-color: #3498db;--primary-hover: #2980b9;--error-color: #dc2626;--status-enabled: #16a34a;--status-disabled: #dc2626;--shadow: 0 2px 8px rgba(0,0,0,.08)}.configured-providers{display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow)}.configured-providers h4{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.provider-card{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:var(--shadow);border-left:4px solid var(--primary-color);transition:transform .2s,box-shadow .2s}.provider-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.provider-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.provider-info{display:flex;align-items:center;gap:12px}.provider-info h5{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.provider-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;border:1px solid transparent}.provider-status.enabled{background:var(--status-enabled);border-color:#bbf7d0}.provider-status.disabled{background:var(--status-disabled);border-color:#fecaca}.btn-icon{padding:8px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;color:#495057;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.provider-details{display:flex;flex-direction:column;gap:12px}.provider-detail{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.provider-detail span{font-weight:500;color:var(--text-color)}.provider-detail strong{font-weight:600;color:var(--text-color)}@media (max-width: 768px){.configured-providers{padding:16px}.configured-providers h4{font-size:18px}.providers-grid{grid-template-columns:1fr;gap:16px}.provider-card{padding:16px}.provider-header{flex-direction:column;align-items:flex-start;gap:8px}.provider-info h5{font-size:16px}.provider-status{font-size:11px;padding:4px 8px}.btn-icon{padding:6px}.provider-detail{font-size:13px}}@media (max-width: 480px){.configured-providers h4{font-size:16px}.provider-card{padding:12px}.provider-info h5{font-size:14px}.provider-status{font-size:10px;padding:3px 6px}.provider-detail{flex-direction:column;align-items:flex-start;gap:4px}}.client-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.client-modal__content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}.client-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.client-modal__header h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.client-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background-color .2s,color .2s}.client-modal__close-btn:hover{background-color:#f3f4f6;color:#111827}.client-form{padding:24px;overflow-y:auto;flex-grow:1}.client-form__section{margin-bottom:28px}.client-form__section h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.client-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px 20px}.client-form__field{display:flex;flex-direction:column}.client-form__field--full-width{grid-column:1 / -1}.client-form__field label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:6px}.client-form__field input,.client-form__field select,.client-form__field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1f2937;transition:border-color .2s,box-shadow .2s}.client-form__field input:focus,.client-form__field select:focus,.client-form__field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.client-form__field textarea{resize:vertical;min-height:80px}.client-form__input--error{border-color:#ef4444}.client-form__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.client-form__error-text{font-size:.8rem;color:#ef4444;margin-top:4px}.client-form__actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.client-form__btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.client-form__btn--primary{background-color:#2563eb;color:#fff}.client-form__btn--primary:hover{background-color:#1d4ed8}.client-form__btn--cancel{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.client-form__btn--cancel:hover{background-color:#f9fafb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.client-detail-modal{background:#fff;width:90vw;max-width:1000px;max-height:90vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.client-header-info{display:flex;align-items:center;gap:16px}.client-avatar{width:60px;height:60px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3498db4d}.client-basic-info h2{margin:0;font-size:24px;font-weight:600;color:#2c3e50}.client-subtitle{margin:4px 0 0;color:#7f8c8d;font-size:14px;font-weight:400}.header-actions{display:flex;gap:12px;align-items:center}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#7f8c8d;transition:all .2s ease}.close-btn:hover{background:#ecf0f1;color:#2c3e50}.client-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.stat-item{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease;border:1px solid transparent}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#e8f4fd}.stat-item svg{color:#3498db;flex-shrink:0}.stat-number{display:block;font-size:18px;font-weight:700;color:#2c3e50;line-height:1.2}.stat-label{display:block;font-size:12px;color:#7f8c8d;margin-top:2px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.client-tabs{display:flex;background:#fff;border-bottom:1px solid #e0e0e0;padding:0 24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.client-tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:8px;padding:16px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;color:#7f8c8d;font-weight:500;transition:all .3s ease;white-space:nowrap;position:relative}.tab:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#3498db;transform:scaleX(0);transition:transform .3s ease}.tab.active{color:#3498db;background:linear-gradient(to bottom,transparent,rgba(52,152,219,.03))}.tab.active:before{transform:scaleX(1)}.tab:hover:not(.active){background:#f8f9fa;color:#2c3e50}.tab-content{flex:1;overflow-y:auto;padding:0;background:#fafbfc}.overview-tab{padding:24px}.info-sections{display:flex;flex-direction:column;gap:24px}.info-section{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.info-section:hover{box-shadow:0 4px 12px #0000001a;border-color:#e8f4fd}.info-section h3{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;color:#2c3e50;padding-bottom:12px;border-bottom:2px solid #f1f2f6}.info-section h3 svg{color:#3498db}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{font-size:12px;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.info-item span{font-size:14px;color:#2c3e50;font-weight:500;line-height:1.4}.info-item a{color:#3498db;text-decoration:none;transition:color .2s ease}.info-item a:hover{color:#2980b9;text-decoration:underline}.source-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.source-badge.walk-in{background:linear-gradient(135deg,#d5f4e6,#c8e6c9);color:#27ae60;border:1px solid rgba(39,174,96,.2)}.source-badge.phone{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#2196f3;border:1px solid rgba(33,150,243,.2)}.source-badge.instagram{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#e91e63;border:1px solid rgba(233,30,99,.2)}.source-badge.booking{background:linear-gradient(135deg,#fff3e0,#ffcc80);color:#ff9800;border:1px solid rgba(255,152,0,.2)}.source-badge.referral{background:linear-gradient(135deg,#f3e5f5,#ce93d8);color:#9c27b0;border:1px solid rgba(156,39,176,.2)}.source-badge.website{background:linear-gradient(135deg,#e8f5e8,#a5d6a7);color:#4caf50;border:1px solid rgba(76,175,80,.2)}.source-badge.other{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#757575;border:1px solid rgba(117,117,117,.2)}.notes-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:10px;border-left:4px solid #3498db;box-shadow:inset 0 1px 3px #0000001a}.notes-content p{margin:0;color:#2c3e50;line-height:1.6;font-size:14px}.rentals-tab,.documents-tab,.notes-tab{padding:24px}.rentals-header,.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.rentals-header h3,.documents-header h3,.notes-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;color:#2c3e50;font-weight:600}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #3498db4d}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-1px);box-shadow:0 4px 8px #3498db66}.btn-sm{padding:8px 14px;font-size:13px}.rentals-list{display:flex;flex-direction:column;gap:16px}.rental-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.rental-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);transform:scaleX(0);transition:transform .3s ease}.rental-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#3498db}.rental-card:hover:before{transform:scaleX(1)}.rental-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.rental-property h4{margin:0 0 6px;font-size:18px;color:#2c3e50;font-weight:600}.rental-type{font-size:12px;color:#7f8c8d;background:#ecf0f1;padding:4px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge{font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.rental-details{display:flex;flex-direction:column;gap:16px}.rental-dates{display:flex;flex-direction:column;gap:8px}.date-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#7f8c8d;font-weight:500}.date-item svg{color:#3498db;flex-shrink:0}.rental-financial{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:1px solid #e8eaed}.financial-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.financial-item label{color:#7f8c8d;font-weight:600}.financial-item span{font-weight:700;color:#2c3e50}.rental-notes{padding:16px;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:8px;border-left:4px solid #3498db;border:1px solid rgba(52,152,219,.1)}.rental-notes label{font-size:12px;font-weight:700;color:#7f8c8d;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.rental-notes p{margin:0;font-size:14px;color:#2c3e50;line-height:1.5}.empty-rentals,.empty-documents{text-align:center;padding:60px 24px;color:#7f8c8d}.empty-rentals svg,.empty-documents svg{color:#bdc3c7;margin-bottom:20px}.empty-rentals h4,.empty-documents h4{margin:0 0 12px;font-size:20px;color:#2c3e50;font-weight:600}.empty-rentals p,.empty-documents p{margin:0 0 24px;color:#7f8c8d;font-size:15px;line-height:1.5}.notes-textarea{width:100%;padding:16px;border:2px solid #e8eaed;border-radius:10px;font-size:14px;line-height:1.6;resize:vertical;margin-bottom:16px;font-family:inherit;transition:all .2s ease;background:#fafbfc}.notes-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;background:#fff}.notes-actions{display:flex;justify-content:flex-end;gap:12px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;color:#7f8c8d}.loading-spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container p{color:#e74c3c;font-size:16px;margin-bottom:20px}@media (max-width: 1024px){.client-detail-modal{width:95vw;max-height:95vh}.client-quick-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.stat-item{padding:16px}.stat-number{font-size:16px}.info-grid{grid-template-columns:1fr;gap:16px}.rental-financial{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.modal-header{flex-direction:column;gap:16px;align-items:flex-start;padding:20px}.header-actions{width:100%;justify-content:space-between}.client-quick-stats{grid-template-columns:1fr;gap:12px;padding:16px}.client-tabs{padding:0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.client-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:14px 16px;font-size:13px}.overview-tab,.rentals-tab,.documents-tab,.notes-tab{padding:16px}.info-section,.rental-card{padding:20px}.rental-financial{padding:12px}.rentals-header,.documents-header{flex-direction:column;gap:16px;align-items:flex-start}.rentals-header h3,.documents-header h3{font-size:18px}}@media (max-width: 480px){.client-detail-modal{width:98vw;max-height:98vh;border-radius:8px}.modal-header{padding:16px}.client-header-info{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.client-avatar{width:50px;height:50px}.client-basic-info h2{font-size:20px}.header-actions{width:100%;justify-content:space-between}.client-quick-stats{padding:12px;gap:8px}.stat-item{padding:12px;flex-direction:column;text-align:center;gap:8px}.stat-number{font-size:14px}.stat-label{font-size:11px}.tab{padding:12px 14px;font-size:12px}.overview-tab,.rentals-tab,.documents-tab,.notes-tab{padding:12px}.info-section{padding:16px}.info-section h3{font-size:15px;margin-bottom:16px}.info-grid{gap:12px}.info-item label{font-size:11px}.info-item span{font-size:13px}.rental-card{padding:16px}.rental-property h4{font-size:16px}.rental-financial{padding:12px;gap:8px}.financial-item{font-size:13px}.rentals-header h3,.documents-header h3,.notes-header h3{font-size:16px}.empty-rentals,.empty-documents{padding:40px 16px}.empty-rentals h4,.empty-documents h4{font-size:18px}.notes-textarea{padding:12px;font-size:13px}.loading-container,.error-container{padding:40px 20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.client-detail-modal{animation:slideIn .3s ease-out}.info-section{animation:fadeIn .4s ease-out}.rental-card{animation:fadeIn .5s ease-out}.source-badge{transition:all .2s ease}.source-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.info-item{transition:all .2s ease}.info-item:hover{transform:translate(2px)}.tab{position:relative;overflow:hidden}.tab:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(52,152,219,.1) 0%,transparent 70%);transition:all .3s ease;transform:translate(-50%,-50%)}.tab:hover:after{width:100px;height:100px}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.clients-page-container{padding:24px;background-color:#f9fafb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.clients-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.clients-page__header h1{font-size:1.75rem;font-weight:700;color:#111827}.clients-page__controls{display:flex;align-items:center;gap:12px}.clients-page__search-box{position:relative;display:flex;align-items:center}.clients-page__search-box .icon{position:absolute;left:12px;color:#9ca3af}.clients-page__search-box input{padding:9px 12px 9px 36px;border-radius:8px;border:1px solid #d1d5db;min-width:250px;transition:border-color .2s,box-shadow .2s}.clients-page__search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.clients-page__clear-search{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex}.clients-page__clear-search:hover{color:#374151}.clients-page__filter-group{display:flex;align-items:center;gap:8px;color:#6b7280}.clients-page__filter-group select{padding:9px 12px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff}.clients-page__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.clients-page__btn--primary{background-color:#2563eb;color:#fff}.clients-page__btn--primary:hover{background-color:#1d4ed8}.clients-page__btn--outline{background-color:#fff;border-color:#d1d5db;color:#374151}.clients-page__btn--outline:hover{background-color:#f9fafb;border-color:#aeb4bc}.clients-page__btn:disabled{opacity:.6;cursor:not-allowed}.clients-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.clients-page__stat-card{background-color:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.clients-page__stat-card h3{margin:0 0 8px;font-size:.9rem;font-weight:500;color:#6b7280}.clients-page__stat-card .stat-number{font-size:2rem;font-weight:700;color:#111827}.clients-page__table-wrapper{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.clients-page__table{width:100%;border-collapse:collapse}.clients-page__table th,.clients-page__table td{padding:14px 18px;text-align:left;border-bottom:1px solid #e5e7eb}.clients-page__table thead th{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;background-color:#f9fafb}.clients-page__table tbody tr:last-child td{border-bottom:none}.clients-page__table tbody tr:hover{background-color:#f9fafb}.clients-page__table .client-name{font-weight:600;color:#1f2937}.clients-page__table .contact-item{display:flex;align-items:center;gap:6px;color:#4b5563;font-size:.875rem}.clients-page__table .contact-item a{color:#3b82f6;text-decoration:none}.clients-page__table .contact-item a:hover{text-decoration:underline}.clients-page__source-badge{padding:3px 10px;border-radius:16px;font-size:.75rem;font-weight:500;background-color:#e5e7eb;color:#4b5563}.clients-page__source-badge.instagram{background-color:#fce7f3;color:#db2777}.clients-page__source-badge.booking{background-color:#dbeafe;color:#2563eb}.clients-page__source-badge.phone{background-color:#d1fae5;color:#059669}.clients-page__action-buttons{display:flex;gap:8px}.clients-page__btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:#9ca3af;transition:background-color .2s,color .2s}.clients-page__btn-icon:hover{background-color:#f3f4f6}.clients-page__btn-icon.view:hover{color:#3b82f6}.clients-page__btn-icon.edit:hover{color:#f59e0b}.clients-page__btn-icon.delete:hover{color:#ef4444}.clients-page__empty-state{text-align:center;padding:60px 20px}.clients-page__empty-state .icon{color:#d1d5db;margin-bottom:16px}.clients-page__empty-state h3{font-size:1.25rem;color:#111827;margin:0 0 8px}.clients-page__empty-state p{color:#6b7280;margin-bottom:24px}.clients-page__pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-top:1px solid #e5e7eb}.clients-page__pagination-info{font-size:.9rem;color:#6b7280}.clients-page__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;color:#6b7280}.clients-page__loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.comprehensive-report-modal{max-width:800px;max-height:90vh;overflow-y:auto}.comprehensive-report-modal .modal-body{padding:0}.comprehensive-report-modal .form-section{padding:20px;border-bottom:1px solid #e2e8f0}.comprehensive-report-modal .form-section:last-child{border-bottom:none}.comprehensive-report-modal .form-section h3{margin:0 0 15px;color:#2d3748;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.comprehensive-report-modal .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.comprehensive-report-modal .form-field{display:flex;flex-direction:column;gap:5px}.comprehensive-report-modal .form-field label{font-weight:500;color:#4a5568;font-size:14px}.comprehensive-report-modal .form-field input,.comprehensive-report-modal .form-field select{padding:8px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:border-color .2s}.comprehensive-report-modal .form-field input:focus,.comprehensive-report-modal .form-field select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.comprehensive-report-modal .form-field small{color:#718096;font-size:12px;margin-top:2px}.checkbox-group{display:flex;flex-direction:column;gap:15px}.checkbox-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px;border-radius:6px;transition:background-color .2s}.checkbox-item:hover{background-color:#f7fafc}.checkbox-item input[type=checkbox]{margin:2px 0 0}.checkbox-item span{font-weight:500;color:#2d3748}.checkbox-item small{display:block;color:#718096;font-size:12px;margin-top:2px}.add-expense-form{background-color:#f8fafc;padding:15px;border-radius:8px;margin-bottom:20px}.add-expense-form .form-grid{grid-template-columns:2fr 3fr 1.5fr auto;align-items:end;gap:10px}.expenses-list{margin-top:15px}.expenses-list h4{margin:0 0 10px;color:#2d3748;font-size:14px;font-weight:600}.expenses-table{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.expense-row{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #e2e8f0;background-color:#fff}.expense-row:last-child{border-bottom:none}.expense-row:hover{background-color:#f8fafc}.expense-info{flex:1;display:flex;flex-direction:column;gap:4px}.expense-category{font-weight:500;color:#2d3748;font-size:14px}.expense-description{color:#718096;font-size:13px}.expense-amount{font-weight:600;color:#2d3748;margin-right:15px;min-width:120px;text-align:right}.btn-icon.delete{color:#e53e3e;padding:6px;border-radius:4px;transition:background-color .2s}.btn-icon.delete:hover{background-color:#fed7d7}.expenses-total{padding:15px;background-color:#f8fafc;border-top:1px solid #e2e8f0;text-align:right;color:#2d3748}.comprehensive-report-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.comprehensive-report-modal .btn-cancel{padding:10px 20px;border:1px solid #cbd5e0;background-color:#fff;color:#4a5568;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.comprehensive-report-modal .btn-cancel:hover:not(:disabled){background-color:#f7fafc;border-color:#a0aec0}.comprehensive-report-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.comprehensive-report-modal .btn-primary{padding:10px 20px;background-color:#3182ce;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.comprehensive-report-modal .btn-primary:hover:not(:disabled){background-color:#2c5aa0}.comprehensive-report-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-left-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.comprehensive-report-modal{max-width:95vw;margin:20px auto}.comprehensive-report-modal .form-grid,.add-expense-form .form-grid{grid-template-columns:1fr}.expense-row{flex-direction:column;align-items:flex-start;gap:8px}.expense-amount{text-align:left;margin-right:0}.comprehensive-report-modal .modal-footer{flex-direction:column}.comprehensive-report-modal .btn-cancel,.comprehensive-report-modal .btn-primary{width:100%;justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#fff;color:#0f172a}.export-buttons{display:flex;gap:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#5d5fef,#4b4dd3);color:#fff;border:none;box-shadow:0 8px 20px #5d5fef33}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #5d5fef47}.btn-outline{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;color:#2c3e50;font-weight:500;transition:all .2s ease}.btn-outline:hover:not(:disabled){border-color:#4b4dd3;color:#4b4dd3;box-shadow:0 6px 16px #5d5fef29;transform:translateY(-1px)}.btn-ghost{background:transparent;color:#475569;border:1px solid #e2e8f0}.btn-ghost:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-sm{padding:8px 12px;font-size:.9rem;border-radius:8px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-xlarge{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#666;transition:all .2s}.modal-close-button:hover{background:#f8f9fa;color:#333}.modal-close-button:active{transform:scale(.95)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#333}.modal-body input,.modal-body textarea,.modal-body select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.modal-body textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e0e0e0;flex-shrink:0}.modal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-primary{background:#3498db;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#2980b9}.modal-btn-success{background:#27ae60;color:#fff}.modal-btn-success:hover:not(:disabled){background:#219a52}.modal-btn-danger{background:#e74c3c;color:#fff}.modal-btn-danger:hover:not(:disabled){background:#c0392b}.modal-btn-secondary{background:#f8f9fa;color:#666;border:1px solid #ddd}.modal-btn-secondary:hover:not(:disabled){background:#e9ecef;color:#333}@media (max-width: 768px){.modal-backdrop{padding:10px}.modal-content{max-height:95vh;border-radius:8px}.modal-small,.modal-medium,.modal-large,.modal-xlarge{max-width:100%}.modal-header{padding:16px 20px}.modal-title{font-size:16px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column-reverse}.modal-btn{width:100%;justify-content:center}}@media (max-width: 480px){.modal-backdrop{padding:5px}.modal-header{padding:12px 16px}.modal-title{font-size:15px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}}.settings-page{padding:24px 32px;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#343a40;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6;padding-bottom:16px}.page-header h1{font-size:28px;font-weight:600;margin:0;color:#212529}.header-controls{display:flex;gap:12px}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;color:#6c757d;transition:color .2s ease}.btn-icon:hover{color:#343a40}.settings-section,.organization-info,.usage-section{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d}.settings-section h2,.organization-info h2,.usage-section h2{font-size:22px;margin-top:0;margin-bottom:8px;color:#212529}.settings-section p,.organization-info p,.usage-section p{color:#6c757d;margin-top:0;margin-bottom:20px}.section-header{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:4px}.section-header h3{margin:0;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.info-item{display:flex;flex-direction:column}.info-item label{font-size:13px;color:#868e96;margin-bottom:4px}.info-item span{font-size:15px;font-weight:500}.status-badge{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block;width:fit-content}.status-badge.active{background-color:#d4edda;color:#155724}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.usage-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.usage-card h3{font-size:14px;margin:0 0 12px;color:#495057;font-weight:500}.usage-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background-color:#007bff;border-radius:4px;transition:width .5s ease-in-out}.usage-text{font-size:13px;color:#6c757d}.usage-number{font-size:24px;font-weight:600;color:#212529}.settings-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.settings-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column}.form-field label{font-size:14px;margin-bottom:6px;color:#495057}.form-field input[type=number],.form-field input[type=text]{padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.checkbox-field{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-field span{font-size:14px}.integration-list{display:flex;flex-direction:column;gap:16px}.integration-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #e9ecef;border-radius:8px}.integration-info h4{margin:0 0 4px;font-size:16px}.integration-info p{margin:0;font-size:14px;color:#6c757d}.acquiring-section{border:1px solid #007bff}.acquiring-content{display:flex;flex-direction:column;gap:24px}.acquiring-status{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:16px;border-radius:8px}.status-info,.status-controls{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:500}.status-indicator svg{font-size:20px}.default-provider{font-size:14px;color:#6c757d}.configured-providers h4,.available-providers h4{font-size:16px;margin-bottom:12px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.provider-card{border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:box-shadow .2s ease}.provider-card:hover{box-shadow:0 4px 8px #00000014}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.provider-info h5{margin:0;font-size:16px}.provider-status{font-size:12px;padding:3px 8px;border-radius:12px}.provider-status.enabled{background-color:#d4edda;color:#155724}.provider-status.disabled{background-color:#f8d7da;color:#721c24}.provider-actions{display:flex;gap:8px}.provider-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}.provider-detail{display:flex;flex-direction:column}.provider-detail span{color:#6c757d}.providers-list{display:flex;flex-direction:column;gap:12px}.provider-item{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #e9ecef;border-radius:8px}.provider-logo{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#f1f3f5;border-radius:50%}.provider-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.provider-logo svg{font-size:24px;color:#adb5bd}.provider-info{flex-grow:1}.provider-info p{margin:4px 0;font-size:14px;color:#6c757d}.provider-features{font-size:12px;color:#868e96;display:flex;gap:12px}.provider-action{margin-left:auto}.configured-badge{display:flex;align-items:center;gap:6px;color:#28a745;font-size:14px;font-weight:500}.settings-page.loading,.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.inventory-page{padding:24px;display:flex;flex-direction:column;gap:16px}.inventory-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.inventory-title{margin:0;font-size:2rem;font-weight:700;color:#0f172a}.inventory-subtitle{margin:4px 0 0;color:#6b7280}.inventory-add{display:inline-flex;align-items:center;gap:8px}.inventory-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.inventory-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px #0f172a14}.inventory-card .label{margin:0;color:#6b7280;font-size:.9rem}.inventory-card .value{margin:4px 0 0;font-weight:700;font-size:1.4rem;color:#0f172a}.inventory-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a0f}.inventory-table{width:100%;border-collapse:collapse;min-width:720px}.inventory-table th,.inventory-table td{padding:14px 16px;text-align:left}.inventory-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.inventory-table tbody tr{border-top:1px solid #f1f5f9}.inventory-table tbody tr:hover{background:#f8fafc}.cell-main{display:flex;flex-direction:column;gap:4px}.cell-title{font-weight:600;color:#0f172a}.cell-sub{color:#6b7280;font-size:.9rem}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff;font-weight:600;font-size:.9rem}.badge.warning{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#d97706;font-weight:600;font-size:.85rem}.actions-cell{text-align:right}.inventory-empty{text-align:center;padding:48px 16px;color:#6b7280}.empty-icon{color:#cbd5e1}.empty-title{margin:12px 0 4px;font-weight:700;color:#0f172a}.empty-text{margin:0;color:#6b7280}.inventory-modal{max-width:900px}.modal-title{display:inline-flex;align-items:center;gap:10px}.modal-icon{width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#4338ca;display:inline-flex;align-items:center;justify-content:center}.inventory-form{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:20px 24px 24px}.inventory-form-main,.inventory-form-side{display:grid;gap:14px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inventory-form input,.inventory-form textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem}.inventory-form textarea{resize:vertical}.form-error{color:#ef4444;margin-top:4px;font-size:.9rem}.checkbox-field{display:inline-flex;gap:10px;align-items:center;font-weight:600;color:#0f172a}.inventory-form-side{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;background:#fff}.input-icon input{border:none;padding:0}.input-icon input:focus{outline:none}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:grid;gap:6px}.pricing-header{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:#0f172a}.pricing-warning{color:#d97706;display:inline-flex;gap:6px;align-items:center;margin:0}.btn-full{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px}@media (max-width: 960px){.inventory-form{grid-template-columns:1fr}}@media (max-width: 640px){.inventory-table{min-width:0}}:root{--s-primary: #3b82f6;--s-primary-hover: #2563eb;--s-bg: #f9fafb;--s-card-bg: #ffffff;--s-text: #1f2937;--s-text-light: #6b7280;--s-border: #e5e7eb;--s-radius: 12px;--s-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--s-success: #10b981;--s-pending: #f59e0b;--s-inactive: #6b7280;--s-danger: #ef4444}.s-page-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--s-bg);padding:24px 32px}.s-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh}.s-loader-spinner{width:48px;height:48px;border:5px solid #f3f4f6;border-top-color:var(--s-primary);border-radius:50%;animation:s-spin 1s linear infinite;margin-bottom:16px}@keyframes s-spin{to{transform:rotate(360deg)}}.s-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.s-header-title{font-size:2rem;font-weight:700;color:var(--s-text)}.s-header-controls{display:flex;align-items:center;gap:16px}.s-search-wrapper{position:relative;display:flex;align-items:center}.s-search-wrapper svg{position:absolute;left:12px;color:var(--s-text-light)}.s-search-wrapper input{padding:10px 16px 10px 40px;border-radius:8px;border:1px solid var(--s-border);min-width:250px}.s-clear-search-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--s-text-light)}.s-filter-item{display:flex;align-items:center;gap:8px}.s-filter-item select{padding:10px 16px;border-radius:8px;border:1px solid var(--s-border)}.s-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;border:none;background-color:var(--s-primary);color:#fff;transition:background-color .2s}.s-btn-primary:hover{background-color:var(--s-primary-hover)}.s-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.s-stat-card-item{background-color:var(--s-card-bg);border-radius:var(--s-radius);padding:24px;box-shadow:var(--s-shadow)}.s-stat-card-item h3{margin:0 0 8px;font-size:1rem;color:var(--s-text-light)}.s-stat-value{font-size:2rem;font-weight:700;color:var(--s-text)}.s-table-container{background-color:var(--s-card-bg);border-radius:var(--s-radius);box-shadow:var(--s-shadow);overflow:hidden}.s-staff-table{width:100%;border-collapse:collapse}.s-staff-table th,.s-staff-table td{padding:16px;text-align:left;border-bottom:1px solid var(--s-border)}.s-staff-table th{background-color:#f9fafb;font-weight:600;color:var(--s-text-light)}.s-staff-table tbody tr:last-child td{border-bottom:none}.s-user-cell{display:flex;align-items:center;gap:12px}.s-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--s-text-light)}.s-user-name{font-weight:600}.s-user-email-text{font-size:.875rem;color:var(--s-text-light)}.s-role-badge,.s-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:.8rem;font-weight:500}.s-role-admin{background-color:#fef3c7;color:#92400e}.s-role-manager{background-color:#dbeafe;color:#1e40af}.s-status-badge{color:#fff}.s-status-active{background-color:var(--s-success)}.s-status-pending_verification{background-color:var(--s-pending)}.s-status-inactive,.s-status-suspended{background-color:var(--s-inactive)}.s-contact-item,.s-activity-info{display:flex;align-items:center;gap:8px;color:var(--s-text-light)}.s-action-buttons-group{display:flex;gap:8px}.s-action-btn{background:none;border:1px solid transparent;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.s-action-btn:hover{background-color:#f3f4f6}.s-btn-delete:disabled{opacity:.5;cursor:not-allowed}.s-empty-data-placeholder{padding:64px 0}.s-empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;color:var(--s-text-light)}.s-empty-state-content h3{font-size:1.25rem;color:var(--s-text);margin:0}.s-empty-state-content p{margin:0}:root{--um-primary: #3b82f6;--um-bg: #f9fafb;--um-card-bg: #ffffff;--um-text: #1f2937;--um-text-light: #6b7280;--um-border: #e5e7eb;--um-error: #ef4444;--um-radius: 12px;--um-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1)}.um-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.um-container{background-color:var(--um-card-bg);border-radius:var(--um-radius);box-shadow:var(--um-shadow);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:um-fade-in .3s ease-out}@keyframes um-fade-in{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.um-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--um-border)}.um-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:var(--um-text);margin:0}.um-close-button{background:none;border:none;color:var(--um-text-light);font-size:1.5rem;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.um-close-button:hover{background-color:#f3f4f6}.um-form{overflow-y:auto}.um-form-section{padding:24px}.um-section-title{font-size:1rem;font-weight:600;color:var(--um-text);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--um-border)}.um-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.um-field{display:flex;flex-direction:column;gap:6px}.um-field label{font-size:.875rem;font-weight:500}.um-field input,.um-field select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.um-field input:focus,.um-field select:focus{outline:none;border-color:var(--um-primary);box-shadow:0 0 0 3px #3b82f61a}.um-input-error{border-color:var(--um-error)}.um-error-text{font-size:.75rem;color:var(--um-error)}.um-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--um-border);background-color:var(--um-bg)}.um-btn-cancel,.um-btn-primary{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.um-btn-cancel{background-color:#fff;border-color:#d1d5db}.um-btn-primary{background-color:var(--um-primary);color:#fff}.um-btn-primary:hover{background-color:var(--s-primary-hover)}.container{margin:0 auto;background-color:#f8fafc;min-height:100vh}.headers{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.page-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.subtitle{color:#64748b;font-size:.95rem;margin:0}.action-buttons{display:flex;gap:1rem;align-items:center}.contents{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.sidebars{position:sticky;top:2rem}.cards{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f5f9}.cards-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.cards label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;margin-top:1rem}.cards label:first-of-type{margin-top:0}.input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#fafafa}.input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.stats{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.stats p{margin-bottom:.75rem;color:#64748b;font-size:.9rem}.stats strong{color:#1e293b;font-weight:600}.main{min-height:400px}.loader{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.1rem;color:#64748b}.empty{text-align:center;padding:3rem 2rem;color:#64748b}.empty h3{font-size:1.5rem;margin-bottom:1rem;color:#374151}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.item-cards{transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600;background:#eef2ff;color:#4338ca;border:1px solid #e0e7ff}.item-actions{display:flex;gap:.65rem;margin-top:.75rem}.item-cards:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#3b82f6}.item-cards h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.3}.item-cards p{margin-bottom:.5rem;color:#64748b;font-size:.9rem;line-height:1.4}.item-cards p:last-of-type{margin-bottom:1rem}.item-cards strong{color:#059669;font-size:1.05rem}.counter{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:1rem}.counter button{width:36px;height:36px;border-radius:8px;border:2px solid #e5e7eb;background:#fff;color:#374151;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.counter button:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.counter span{font-weight:600;color:#1e293b;min-width:2rem;text-align:center;font-size:1.1rem}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart{background:#fff;border-radius:16px;max-width:720px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 24px 48px #0f172a2e;border:1px solid #e2e8f0;display:flex;flex-direction:column}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc,#fff)}.cart-title{font-size:1.1rem;font-weight:700;margin:0;color:#0f172a}.cart-subtitle{font-size:.9rem;color:#6b7280}.cart-chip{background:#eef2ff;color:#4338ca;border-radius:999px;padding:.4rem .9rem;font-weight:700;border:1px solid #e0e7ff}.cart-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.cart-items{display:flex;flex-direction:column;gap:.75rem}.cart-item{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid #eef2f7;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.cart-item-info{display:flex;flex-direction:column;gap:.15rem}.cart-item-name{margin:0;font-weight:600;color:#0f172a}.cart-item-meta,.cart-item-stock{margin:0;color:#6b7280;font-size:.9rem}.cart-item-controls{display:grid;gap:.5rem;align-items:center;justify-items:end}.cart-line{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:180px}.cart-line.total{font-weight:700;color:#0f172a}.cart-line-label{color:#6b7280;font-size:.9rem}.cart-line-value{font-weight:700;color:#0f172a}.cart-remove{border:1px solid #e2e8f0;background:#f8fafc;color:#ef4444;border-radius:10px;padding:.4rem .8rem;cursor:pointer;transition:all .2s ease}.cart-remove:hover{background:#fee2e2;border-color:#fecdd3}.checkout{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group .input{margin-bottom:0}.checkout-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.checkout-buttons .btn{flex:1;min-width:140px;justify-content:center}.cart-summary{border-top:1px solid #e5e7eb;padding-top:1rem;display:grid;gap:.5rem}.cart-empty{padding:2rem 1.5rem 2.5rem;text-align:center}.cart-empty-title{font-weight:700;color:#0f172a;margin-bottom:.25rem}.cart-empty-text{color:#6b7280;font-size:.95rem}.close-btn{background:none;border:none;cursor:pointer;color:#6c757d;padding:8px;border-radius:8px;transition:all .2s}.close-btn:hover{background:#e9ecef;color:#495057}.modal-overlay,.payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content,.payment-dialog{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:hidden;box-shadow:0 24px 48px #0f172a2e;border:1px solid #e2e8f0}.modal-content{padding:1.5rem}.modal-header,.payment-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.modal-body{display:flex;flex-direction:column;gap:1rem}.modal-footer,.payment-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.modal-content input,.modal-content textarea{width:100%;border-radius:10px}.payment-dialog{padding:1.5rem}.payment-content{display:flex;flex-direction:column;gap:1.25rem}.order-summary h3,.payment-methods h3{margin:0 0 .5rem;font-size:1rem;color:#0f172a}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.payment-option{border:1px solid #e2e8f0;border-radius:12px;padding:.75rem .9rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .2s ease;background:#f8fafc}.payment-option:hover{border-color:#cbd5e1;background:#f1f5f9}.payment-option input{display:none}.payment-option.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 10px 24px #3b82f626;color:#1d4ed8}.payment-details .form-group{margin-top:.5rem}@media (max-width: 1024px){.contents{grid-template-columns:1fr;gap:1.5rem}.sidebars{position:static}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}@media (max-width: 768px){.container{padding:1rem}.cart{max-height:90vh}.headers{flex-direction:column;gap:1rem;align-items:stretch}.action-buttons{justify-content:flex-end}.grid{grid-template-columns:1fr}.cart-overlay{padding:1rem}.cart{padding:1.5rem;max-height:90vh}.checkout-buttons{flex-direction:column}.checkout-buttons .btn{width:100%}}.loader:after{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}.cart-item.processing{opacity:.7;pointer-events:none}.btn.processing:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}.task-history{margin:0 auto;background-color:#f8fafc;color:#2d3748;min-height:100vh}.task-history.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.header-left{display:flex;align-items:center;gap:16px}.back-btn-ts{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#3498db;text-decoration:none;transition:all .2s;font-weight:500}.back-btn-ts:hover{background:#f8fafc;border-color:#3498db;color:#2980b9;text-decoration:none}.page-header h1{font-size:32px;font-weight:600;color:#2d3748;margin:0 0 4px}.subtitle{color:#718096;margin:0;font-size:16px}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px}.error-banner button{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background .2s}.error-banner button:hover{background:#dc26261a}.task-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.stat-icon.in-progress{background:#f59e0b}.stat-icon.pending{background:#8b5cf6}.stat-number{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:4px}.filters-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.search-box-ts{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px}.search-box-ts input{border:none;outline:none;background:transparent;flex:1;font-size:16px;color:#2d3748}.search-box-ts input::placeholder{color:#a0aec0}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filters-row select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;color:#2d3748;cursor:pointer;transition:border-color .2s}.filters-row select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.sort-controls{display:flex;align-items:center;gap:12px}.sort-controls select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;color:#2d3748}.sort-order-btn-ts{padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;color:#3498db;transition:all .2s}.sort-order-btn-ts:hover{background:#e2e8f0}.tasks-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.no-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#718096;text-align:center}.no-tasks h3{margin:16px 0 8px;color:#2d3748;font-size:20px;font-weight:600}.no-tasks p{margin:0;font-size:16px}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;padding:24px}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0;transition:all .3s}.task-card.completed:before{background:#10b981}.task-card.in_progress:before{background:#f59e0b}.task-card.pending:before{background:#8b5cf6}.task-card.cancelled:before{background:#ef4444}.task-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#3498db}.task-header-ts{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:inherit}.task-title-section{display:flex;align-items:center;gap:12px;flex:1}.status-icon{font-size:20px;flex-shrink:0}.status-icon.completed{color:#10b981}.status-icon.in-progress{color:#f59e0b}.status-icon.pending{color:#8b5cf6}.status-icon.cancelled{color:#ef4444}.task-title{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 4px;line-height:1.3}.task-type{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.task-prioritys{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;background:#0000000d}.task-description{color:#4a5568;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-details-ts{display:flex;flex-direction:column;margin-top:20px;margin-bottom:16px;align-items:flex-start}.detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#718096}.detail-row svg{font-size:14px;color:#a0aec0;flex-shrink:0}.role-badge{background:#edf2f7;color:#4a5568;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-left:8px}.paid-badge{background:#c6f6d5;color:#22543d;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;margin-left:8px}.completion-notes{background:#f7fafc;padding:12px;border-radius:6px;font-size:13px;color:#4a5568;margin-top:8px;border-left:3px solid #3498db}.completion-notes strong{color:#2d3748}.task-actions-ts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-top:16px;border-top:1px solid #e2e8f0}.task-meta-ts{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e2e8f0;margin-top:auto}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#c6f6d5;color:#22543d}.status-badge.in_progress{background:#fef2f2;color:#c53030}.status-badge.pending{background:#e9d8fd;color:#553c9a}.status-badge.cancelled{background:#fed7d7;color:#c53030}.created-by{font-size:12px;color:#a0aec0}.btn-ts{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-ts:disabled{opacity:.6;cursor:not-allowed}.btn-ts-sm{padding:6px 12px;font-size:13px}.btn-ts-primary{background:#3498db;color:#fff}.btn-ts-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn-ts-success{background:#10b981;color:#fff}.btn-ts-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-ts-danger{background:#ef4444;color:#fff}.btn-ts-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-ts-outline{background:transparent;color:#3498db;border:1px solid #e2e8f0}.btn-ts-outline:hover:not(:disabled){background:#f7fafc;border-color:#3498db;color:#2980b9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#2d3748}.close-btn-ts{background:none;border:none;font-size:24px;cursor:pointer;color:#a0aec0;padding:4px;border-radius:4px;transition:all .2s}.close-btn-ts:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:0 24px 24px}.task-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-group{display:flex;flex-direction:column;gap:4px}.detail-group.full-width{grid-column:1 / -1}.detail-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#718096}.detail-group span{font-size:14px;color:#2d3748;padding:8px 0}@media (max-width: 1200px){.tasks-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}}@media (max-width: 768px){.task-history{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:24px}.header-left{width:100%}.header-actions{width:100%;justify-content:flex-end}.task-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px}.stat-number{font-size:24px}.filters-row{grid-template-columns:1fr;gap:12px}.sort-controls{flex-direction:column;align-items:stretch;gap:8px}.sort-controls select,.sort-order-btn-ts{width:100%}.tasks-grid{grid-template-columns:1fr;gap:16px;padding:16px}.task-card{padding:16px}.task-actions-ts{flex-direction:column;gap:8px}.task-actions-ts .btn-ts{width:100%;justify-content:center}.modal-content{margin:10px;max-width:none;width:calc(100% - 20px)}.task-detail-grid{grid-template-columns:1fr;gap:16px}.modal-header{padding:16px 16px 0}.modal-body{padding:0 16px 16px}}@media (max-width: 480px){.task-stats{grid-template-columns:1fr}.back-btn-ts{padding:8px 12px;font-size:14px}.page-header h1{font-size:20px}.subtitle{font-size:14px}.task-title{font-size:16px}.task-header-ts{flex-direction:column;gap:8px;align-items:flex-start}.task-prioritys{align-self:flex-end}}.assignee-change-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:12px;padding:4px 8px;border-radius:999px;cursor:pointer;transition:all .2s ease;margin-left:auto}.assignee-change-btn:hover{background:#dbeafe;border-color:#93c5fd}.reassign-block select{width:100%;padding:12px;border-radius:10px;border:1px solid #e2e8f0;margin-top:8px;background:#f9fafb}.reassign-actions{display:flex;gap:12px;margin-top:12px}.assignee-row{display:flex;align-items:center;gap:8px}.assignee-row span{flex:1}.admin-expenses-page{padding:24px;background-color:#f9fafb}.expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.expense-header h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;color:#111827}.btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{color:#374151}.btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:#6b7280}.btn-icon:hover{background-color:#f3f4f6;color:#111827}.btn-icon.btn-danger{color:#ef4444}.btn-icon.btn-danger:hover{background-color:#fef2f2;color:#dc2626}.expense-filters{display:flex;align-items:center;gap:16px;padding:16px;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;font-weight:500;color:#4b5563}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.expense-summary{display:flex;gap:24px;padding:20px;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.expense-summary>div{display:flex;flex-direction:column}.expense-summary span{font-size:14px;color:#6b7280;margin-bottom:4px}.expense-summary strong{font-size:1.25rem;font-weight:600;color:#111827}.expense-table-container{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.expense-table{width:100%;border-collapse:collapse}.expense-table th,.expense-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:14px}.expense-table th{background-color:#f9fafb;color:#6b7280;font-weight:500}.expense-table td{color:#374151}.expense-table tbody tr:last-child td{border-bottom:none}.expense-table .amount-cell{font-weight:500;color:#111827;text-align:right}.expense-table .actions-cell{display:flex;gap:8px}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.expense-modal{background-color:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 10px 25px #0000001a;overflow:hidden}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.expense-modal-header h3{margin:0;font-size:1.25rem;color:#111827}.expense-modal-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.expense-modal-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-checkbox{flex-direction:row;align-items:center;gap:8px}.form-checkbox input{width:auto;height:16px;width:16px}.expense-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.expense-error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;padding:10px;border-radius:6px;font-size:14px}.spinning{animation:spin 1s linear infinite}.technical-dashboard{margin:0 auto;background:#f8f9fa;min-height:100vh}.technical-header{text-align:center;margin-bottom:32px}.technical-header h1{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 8px}.user-greeting{font-size:16px;color:#666}.daily-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.stat-icon.completed{background:#27ae60}.stat-icon.active{background:#3498db}.stat-icon.urgent{background:#e74c3c}.stat-icon.hours{background:#f39c12}.stat-content h3{font-size:12px;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:2px}.stat-label{font-size:12px;color:#999}.current-task{background:#fff;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #00000014;border-left:4px solid #3498db}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.task-header h2{margin:0;font-size:18px;color:#2c3e50}.task-timer{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#3498db;background:#f8fbff;padding:8px 16px;border-radius:8px}.task-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.task-info{flex:1}.task-type{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500}.task-info h3{margin:0 0 12px;font-size:16px;color:#2c3e50}.task-details{display:flex;gap:24px;margin-bottom:12px}.task-room,.task-client{display:flex;align-items:center;gap:6px;color:#666;font-size:14px}.task-description{font-size:14px;color:#666;padding:8px 12px;background:#f8f9fa;border-radius:6px}.task-controls{display:flex;gap:12px}.btn-pause,.btn-resume,.btn-complete{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-pause{color:#fff}.btn-pause:hover{background:#e67e22}.btn-resume{background:#27ae60;color:#fff}.btn-resume:hover{background:#219a52}.btn-complete{background:#3498db;color:#fff}.btn-complete:hover{background:#2980b9}.urgent-requests{background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;padding:24px;margin-bottom:32px}.urgent-requests h2{margin:0 0 20px;font-size:18px;color:#e74c3c;display:flex;align-items:center;gap:8px}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.request-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:transform .2s;border-left:4px solid transparent}.request-card:hover{transform:translateY(-2px)}.request-card.urgent{border-left-color:#e74c3c;background:#fff8f8}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.request-type{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.priority{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.priority.urgent{background:#e74c3c;color:#fff}.request-card h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 12px}.request-details{display:flex;gap:16px;margin-bottom:12px}.request-room,.request-client{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.request-description{font-size:13px;color:#666;background:#f8f9fa;padding:8px 12px;border-radius:6px;margin-bottom:12px}.request-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.request-time,.request-created{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.request-actions{display:flex;justify-content:flex-end}.btn-start{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.btn-start:hover:not(:disabled){background:#2980b9}.btn-start:disabled{background:#bdc3c7;cursor:not-allowed}.btn-start.urgent{background:#e74c3c}.btn-start.urgent:hover:not(:disabled){background:#c0392b}.requests-sections{margin-bottom:32px}.requests-section h2{margin:0 0 20px;font-size:18px;color:#2c3e50}.requests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.no-tasks{text-align:center;padding:60px 20px;color:#6c757d}.no-tasks h3{margin:16px 0 8px;font-size:18px;color:#27ae60}.no-tasks p{margin:0;font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.technical-dashboard{padding:16px}.technical-header h1{font-size:24px}.daily-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-number{font-size:20px}.current-task{padding:20px}.task-content{flex-direction:column;gap:16px}.task-controls{width:100%;justify-content:stretch}.btn-pause,.btn-resume,.btn-complete{flex:1;justify-content:center}.requests-grid,.requests-list{grid-template-columns:1fr}.request-card{padding:16px}.request-details{flex-direction:column;gap:8px}.request-meta{flex-direction:column;gap:8px;align-items:flex-start}}@media (max-width: 480px){.daily-stats{grid-template-columns:1fr}.task-header{flex-direction:column;gap:12px;align-items:flex-start}.task-timer{font-size:18px}.task-controls{flex-direction:column;gap:8px}}:root{--pm-primary: #3b82f6;--pm-bg-main: #f9fafb;--pm-bg-card: #ffffff;--pm-text-main: #1f2937;--pm-text-light: #6b7280;--pm-border: #e5e7eb;--pm-error: #ef4444;--pm-radius: 12px;--pm-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--pm-transition: .2s ease-in-out}.pm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.pm-container{background-color:var(--pm-bg-card);border-radius:var(--pm-radius);box-shadow:var(--pm-shadow);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:pm-fade-in .3s ease-out}@keyframes pm-fade-in{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--pm-border);flex-shrink:0}.pm-header-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:var(--pm-text-main);margin:0}.pm-close-btn{background:none;border:none;color:var(--pm-text-light);font-size:1.5rem;cursor:pointer;padding:4px;border-radius:50%;transition:var(--pm-transition)}.pm-close-btn:hover{background-color:#f3f4f6;color:var(--pm-text-main)}.pm-form-body{padding:24px;overflow-y:auto}.pm-form-section{margin-bottom:28px}.pm-form-section:last-child{margin-bottom:0}.pm-section-title{font-size:1rem;font-weight:600;color:var(--pm-text-main);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--pm-border)}.pm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.pm-form-field{display:flex;flex-direction:column;gap:6px}.pm-form-field label{font-size:.875rem;font-weight:500;color:var(--pm-text-main)}.pm-form-field input,.pm-form-field select,.pm-form-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:var(--pm-transition);background-color:#fff}.pm-form-field input:focus,.pm-form-field select:focus,.pm-form-field textarea:focus{outline:none;border-color:var(--pm-primary);box-shadow:0 0 0 3px #3b82f61a}.pm-form-field .pm-input-error{border-color:var(--pm-error)}.pm-form-field .pm-error-text{font-size:.75rem;color:var(--pm-error);margin-top:2px}.pm-form-field select[disabled]{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.pm-calculation-preview{background-color:var(--pm-bg-main);border-radius:8px;padding:16px}.pm-calculation-grid{display:flex;flex-direction:column;gap:8px}.pm-calc-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.pm-calc-row span:first-child{color:var(--pm-text-light)}.pm-calc-amount{font-weight:500}.pm-amount-negative{color:var(--pm-error)}.pm-calc-row-total{padding-top:12px;margin-top:8px;border-top:2px solid var(--pm-border)}.pm-amount-final{font-size:1.125rem;font-weight:700;color:var(--pm-primary)}.pm-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--pm-border);background-color:var(--pm-bg-main);border-bottom-left-radius:var(--pm-radius);border-bottom-right-radius:var(--pm-radius);flex-shrink:0}.pm-btn-cancel,.pm-btn-primary{padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--pm-transition);border:1px solid transparent}.pm-btn-cancel{background-color:#fff;color:var(--pm-text-light);border-color:#d1d5db}.pm-btn-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.pm-btn-primary{background-color:var(--pm-primary);color:#fff;border-color:var(--pm-primary)}.pm-btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.payroll-export-dropdown{position:relative;display:inline-block}.payroll-export-button-group{position:relative;display:flex;align-items:center;gap:5px}.btn-icon.export{color:#3182ce;background-color:transparent;border:1px solid #3182ce;border-radius:4px;padding:6px;transition:all .2s ease}.btn-icon.export:hover:not(:disabled){background-color:#3182ce;color:#fff}.btn-icon.export:disabled{opacity:.5;cursor:not-allowed}.btn-icon-outline{color:#718096;background-color:transparent;border:1px solid #cbd5e0;border-radius:4px;padding:8px;cursor:pointer;transition:all .2s ease}.btn-icon-outline:hover:not(:disabled){background-color:#f7fafc;border-color:#a0aec0;color:#4a5568}.btn-icon-outline:disabled{opacity:.5;cursor:not-allowed}.export-options-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:280px;margin-top:5px;overflow:hidden}.export-options-dropdown.right{left:auto;right:0}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#2d3748;font-size:14px}.close-dropdown{background:none;border:none;color:#718096;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease}.close-dropdown:hover{background-color:#e2e8f0;color:#4a5568}.export-options{padding:8px 0}.export-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.export-option:hover:not(:disabled){background-color:#f8fafc}.export-option:disabled{opacity:.5;cursor:not-allowed}.export-option svg{color:#3182ce;font-size:16px;flex-shrink:0}.option-info{display:flex;flex-direction:column;gap:2px;flex:1}.option-info span{font-weight:500;color:#2d3748;font-size:14px}.option-info small{color:#718096;font-size:12px;line-height:1.3}.spinner-small{width:14px;height:14px;border:2px solid rgba(49,130,206,.3);border-left-color:#3182ce;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-card.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;position:relative;overflow:hidden}.report-card.featured:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.report-card.featured .report-icon{background-color:#fff3;color:#fff}.report-card.featured h3{color:#fff}.report-card.featured p{color:#ffffffe6}.report-card.featured .report-preview span{color:#fffffff2;background-color:#ffffff1a;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.report-card.featured .btn-primary.featured{background-color:#fff;color:#667eea;border:none;font-weight:600;box-shadow:0 4px 15px #0003}.report-card.featured .btn-primary.featured:hover{background-color:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.payroll-table .actions-cell{display:flex;align-items:center;gap:5px;justify-content:flex-start}.payroll-table .payroll-export-dropdown{margin-left:auto}@media (max-width: 768px){.export-options-dropdown{min-width:250px;left:auto;right:0}.payroll-export-button-group{flex-direction:column;align-items:stretch;gap:8px}.export-option{padding:15px}.option-info span{font-size:15px}.option-info small{font-size:13px}}.payroll-page{margin:0 auto;background:#f8fafc;min-height:100vh}.payroll-page.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:24px}.header-left h1{margin:0;font-size:28px;font-weight:600;color:#1e293b}.period-selector{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:8px 12px;border-radius:8px}.period-btn{background:none;border:none;font-size:16px;padding:4px 8px;border-radius:4px;cursor:pointer;color:#64748b;transition:all .2s}.period-btn:hover{background:#e2e8f0;color:#1e293b}.current-period{display:flex;align-items:center;gap:6px;font-weight:500;color:#1e293b;min-width:150px;justify-content:center}.header-actions{display:flex;gap:12px}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert.info{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.payroll-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f7fafc;padding:32px}.alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;margin-bottom:32px;font-size:16px}.alert.warning{background-color:#fffbeb;border:1px solid #fef3c7;color:#b45309}.alert svg{font-size:20px;flex-shrink:0}.stats-header{margin-bottom:24px}.stats-header h3{font-size:24px;font-weight:600;color:#2d3748}.task-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:all .2s ease-in-out}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.stat-icon.total{background:#6366f1}.stat-icon.completed{background:#10b981}.stat-icon.pending{background:#f59e0b}.stat-icon.amount{background:#8b5cf6}.stat-icon.average{background:#3b82f6}.stat-content{flex:1}.stat-number{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:14px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.payroll-quick-actions{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.quick-actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-actions-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:#1e293b}.period-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:14px}.action-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.action-alert.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.action-alert.info{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa}.action-groups{display:flex;flex-direction:column;gap:20px}.action-group-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0;border-bottom:1px solid #e2e8f0}.action-group-header h4{margin:0;font-size:16px;font-weight:600;color:#374151}.expand-icon{color:#64748b;font-size:12px}.action-group-content{transition:all .3s ease;overflow:hidden}.action-group-content.expanded{max-height:1000px;padding-top:16px}.action-group-content.collapsed{max-height:0;padding-top:0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.quick-action-card{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;text-align:left;position:relative}.quick-action-card:hover:not(.disabled){border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.quick-action-card.disabled{opacity:.6;cursor:not-allowed}.quick-action-card.blue:hover{border-color:#3b82f6}.quick-action-card.green:hover{border-color:#10b981}.quick-action-card.purple:hover{border-color:#8b5cf6}.quick-action-card.orange:hover{border-color:#f59e0b}.quick-action-card.teal:hover{border-color:#14b8a6}.quick-action-card.indigo:hover{border-color:#6366f1}.quick-action-card.pink:hover{border-color:#ec4899}.quick-action-card.yellow:hover{border-color:#eab308}.action-icon{font-size:24px;color:#64748b;flex-shrink:0}.action-content{flex:1}.action-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.action-description{font-size:14px;color:#64748b;line-height:1.4}.action-loading{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.actions-stats{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.payroll-filters{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.filters-main{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.filters-left{display:flex;align-items:center;gap:12px;flex:1}.search-box{position:relative;flex:1;max-width:300px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px}.search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:3px}.clear-search:hover{background:#f1f5f9;color:#374151}.filter-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:150px;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-right{display:flex;align-items:center;gap:12px}.filters-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;position:relative}.filters-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.filters-toggle.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%}.reset-filters{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;border-radius:4px}.reset-filters:hover{background:#f1f5f9;color:#374151}.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.quick-filter{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.quick-filter:hover{background:#f1f5f9;border-color:#cbd5e1}.quick-filter.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filters-expanded{border-top:1px solid #e2e8f0;padding-top:20px;margin-top:16px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filter-group{display:flex;gap:6px}.filter-group label{font-size:13px;font-weight:500;color:#374151}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.date-range,.range-input{display:flex;align-items:center;gap:8px}.date-range input,.range-input input{flex:1}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-item input{width:auto}.filters-actions{display:flex;justify-content:flex-end;gap:12px}.active-filters{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.active-filters-label{font-size:13px;font-weight:500;color:#374151;margin-right:12px}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filter-tag{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-size:12px;font-weight:500}.filter-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:2px}.filter-tag button:hover{background:#ffffff4d}.payroll-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.bulk-count{font-size:14px;font-weight:500;color:#374151}.bulk-actions{display:flex;gap:8px}.table-wrapper{overflow-x:auto}.payroll-table{width:100%;border-collapse:collapse;font-size:14px}.payroll-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;white-space:nowrap}.payroll-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.payroll-table th.sortable:hover{background:#f1f5f9}.payroll-table th.sorted{background:#e0f2fe;color:#0369a1}.payroll-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.payroll-row{transition:background-color .2s}.payroll-row:hover{background:#f8fafc}.payroll-row.selected{background:#eff6ff}.payroll-row.expanded{background:#f8fafc}.select-column{width:40px;text-align:center}.employee-cell{display:flex;align-items:center;gap:12px;min-width:200px}.employee-avatar{width:40px;height:40px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.employee-details{flex:1}.employee-name{font-weight:500;color:#1e293b;margin-bottom:2px}.employee-email{font-size:12px;color:#64748b}.expand-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.expand-btn:hover{background:#f1f5f9;color:#374151}.role-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.manager{background:#dbeafe;color:#1e40af}.role-badge.accountant{background:#d1fae5;color:#065f46}.role-badge.technical_staff{background:#e0e7ff;color:#3730a3}.role-badge.cleaner{background:#fce7f3;color:#be185d}.role-badge.storekeeper{background:#ecfdf5;color:#047857}.period-cell{text-align:center}.period-main{font-weight:500;color:#1e293b}.work-days{font-size:12px;color:#64748b;margin-top:2px}.amount-cell{text-align:right;font-weight:500;color:#1e293b;font-family:JetBrains Mono,monospace}.additions-cell,.deductions-cell{min-width:150px}.addition-line,.deduction-line{font-size:12px;margin-bottom:2px}.addition-line.bonus{color:#059669}.addition-line.allowance{color:#0891b2}.addition-line.overtime{color:#7c3aed}.deduction-line.tax{color:#dc2626}.deduction-line.pension{color:#ea580c}.deduction-line.other{color:#64748b}.no-additions,.no-deductions{color:#9ca3af;font-size:13px;text-align:center}.net-amount-cell{text-align:right;min-width:120px}.net-amount{font-weight:600;font-size:16px;color:#1e293b;font-family:JetBrains Mono,monospace}.amount-breakdown{font-size:11px;color:#64748b;margin-top:2px;font-family:JetBrains Mono,monospace}.status-cell{text-align:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-paid{background:#d1fae5;color:#065f46}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.status-badge.status-draft{background:#f3f4f6;color:#374151}.paid-date{font-size:11px;color:#64748b;margin-top:4px}.actions-cell{text-align:center;min-width:140px;position:relative}.actions-cell .pending-actions{display:flex;gap:4px;justify-content:center;margin-bottom:4px}.more-actions{position:relative;display:inline-block}.more-actions .dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;z-index:10;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s}.more-actions:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:13px;color:#374151;cursor:pointer}.dropdown-menu button:hover{background:#f9fafb}.expanded-row{background:#fafbfc}.expanded-content{padding:20px;border-left:3px solid #e0f2fe}.expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.expanded-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#374151}.calculation-details,.info-details{display:flex;flex-direction:column;gap:8px}.calc-row,.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.calc-row span:first-child,.info-row span:first-child{color:#64748b}.calc-row span:last-child,.info-row span:last-child{font-weight:500;color:#1e293b;font-family:JetBrains Mono,monospace}.calc-row.total{padding-top:8px;border-top:1px solid #e2e8f0;font-weight:500}.calc-row.final{padding:8px 0;border-top:2px solid #e2e8f0;font-weight:600;font-size:14px}.calc-divider{height:1px;background:#e2e8f0;margin:4px 0}.positive{color:#059669}.negative{color:#dc2626}.mono{font-family:JetBrains Mono,monospace}.table-footer{padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;text-align:center}.table-info{font-size:14px;color:#64748b}.table-loading,.empty-payrolls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state svg{color:#d1d5db}.empty-state h3{margin:0;color:#374151;font-size:18px}.empty-state p{margin:0;color:#64748b;font-size:14px}.payroll-detail-card{max-width:800px;max-height:90vh;overflow-y:auto}.payroll-header-info{display:flex;align-items:center;gap:16px}.payroll-header-info h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px}.payroll-period{background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.payroll-detail-content{display:flex;flex-direction:column;gap:24px}.employee-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.employee-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:8px}.calculations-section{display:flex;flex-direction:column;gap:20px}.calculations-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calculation-block{background:#f8fafc;border-radius:8px;padding:20px;border-left:4px solid #e5e7eb}.calculation-block.income{border-left-color:#10b981;background:#f0fdf4}.calculation-block.deductions{border-left-color:#ef4444;background:#fef2f2}.calculation-block h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.calculation-items{display:flex;flex-direction:column;gap:8px}.calc-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.calc-item span:first-child{color:#64748b}.calc-item .amount{font-weight:500;font-family:JetBrains Mono,monospace}.calc-total{padding-top:8px;border-top:1px solid #e2e8f0;font-weight:600}.final-amount-section{display:flex;justify-content:center}.final-amount-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:24px;text-align:center;min-width:300px}.final-amount-label{font-size:14px;opacity:.9;margin-bottom:8px}.final-amount-value{font-size:32px;font-weight:700;margin-bottom:12px;font-family:JetBrains Mono,monospace}.payment-status{display:flex;flex-direction:column;gap:4px;align-items:center}.additional-info{background:#f8fafc;border-radius:8px;padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:#1e293b;font-weight:500}.payroll-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary,.btn-text,.btn-icon{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-text{background:none;color:#64748b;padding:6px 12px}.btn-text:hover{color:#374151;background:#f1f5f9}.btn-icon{width:32px;height:32px;padding:0;border-radius:6px;justify-content:center;font-size:14px}.btn-icon.view{background:#dbeafe;color:#1e40af}.btn-icon.edit{background:#fef3c7;color:#92400e}.btn-icon.recalculate{background:#e0e7ff;color:#3730a3}.btn-icon.pay{background:#d1fae5;color:#065f46}.btn-icon.download{background:#f3f4f6;color:#374151}.btn-icon.delete{background:#fee2e2;color:#991b1b}.btn-icon.more{background:#f3f4f6;color:#6b7280}.btn-icon:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-link{background:none;border:none;color:#3b82f6;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.btn-link:hover{color:#2563eb}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.spinner{width:16px;height:16px;border:2px solid #f3f4f6;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.actions-grid,.calculations-grid,.expanded-grid{grid-template-columns:1fr}}@media (max-width: 768px){.payroll-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.filters-main{flex-direction:column;gap:12px}.filters-left{flex-direction:column;gap:8px}.search-box{max-width:none}.filters-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.table-wrapper{font-size:12px}.payroll-table th,.payroll-table td{padding:8px 6px}.employee-cell{min-width:150px}.employee-name{font-size:13px}.employee-email{font-size:11px}.additions-cell,.deductions-cell{min-width:120px}.payroll-actions{flex-direction:column;gap:8px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-value{font-size:20px}.quick-filters{flex-direction:column}.bulk-actions-bar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions{justify-content:center}.payroll-detail-card{margin:10px;max-width:calc(100vw - 20px)}.final-amount-card{min-width:auto;width:100%}.info-grid{grid-template-columns:1fr}}.btn-primary:focus,.btn-secondary:focus,.btn-icon:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.search-box input:focus,.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stat-label,.metric-label,.action-description{color:#4b5563}.stat-card,.quick-action-card,.payroll-row{transition:all .2s ease-in-out}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.payroll-detail-card::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.payroll-detail-card::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.payroll-detail-card::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.payroll-detail-card::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.payroll-page{background:#fff;padding:0}.page-header,.payroll-quick-actions,.payroll-filters,.actions-cell,.bulk-actions-bar{display:none}.payroll-table{font-size:10px}.payroll-table th,.payroll-table td{padding:4px;border:1px solid #000}.stat-card{break-inside:avoid}}@media (prefers-color-scheme: dark){.page-header,.payroll-statistics,.payroll-quick-actions,.payroll-filters,.payroll-table-container,.payroll-table td{border-color:#334155}.search-box input,.filter-select{color:#acb8c7}.btn-secondary{color:#e2e8f0;border-color:#475569}}.tasks{height:100%;display:flex;flex-direction:column;gap:var(--space-6)}.tasks-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.tasks-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-muted)}.tasks-checkbox input{width:16px;height:16px}.tasks-view-toggle-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.tasks-view-buttons{display:inline-flex;gap:var(--space-2)}.tasks-board{display:flex;gap:var(--space-4);height:calc(100vh - 260px);overflow-x:auto;padding-bottom:var(--space-4)}.task-column-card{min-width:320px;display:flex;flex-direction:column;gap:var(--space-4)}.task-list{flex:1;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.task-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.task-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.task-room{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-3)}.task-assignee{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem}.priority-badge,.status-badge{display:inline-flex}.tasks-table-title{display:flex;flex-direction:column;gap:4px}.tasks-table-title span{font-size:.85rem;color:var(--color-muted)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 1024px){.tasks-board{height:auto;flex-direction:column}.task-column-card{width:100%}}.my-payroll-page{margin:0 auto;background-color:#f8f9fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.page-header h1{margin:0;color:#2d3748;font-size:28px;font-weight:600}.user-info{display:flex;flex-direction:row;align-items:flex-end;gap:4px}.user-role{font-size:14px;color:#718096;background:#edf2f7;padding:4px 12px;border-radius:16px}.period-selector{margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.period-selector h3{margin:0 0 16px;color:#2d3748;font-size:18px;font-weight:600}.period-buttons{display:flex;gap:12px;flex-wrap:wrap}.period-buttons button{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.period-buttons button:hover{border-color:#3182ce;color:#3182ce}.period-buttons button.active{background:#3182ce;border-color:#3182ce;color:#fff}.payroll-summary{margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.payroll-summary h3{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-card{display:flex;flex-direction:column;padding:20px;background:#f7fafc;border-radius:8px;border-left:4px solid #3182ce}.card-label{font-size:14px;color:#718096;margin-bottom:8px}.card-value{font-size:24px;font-weight:700;color:#2d3748}.card-value.highlight{color:#38a169}.payroll-list{display:flex;flex-direction:column;gap:20px}.payroll-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.payroll-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.payroll-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.payroll-period h4{margin:0 0 6px;color:#2d3748;font-size:18px;font-weight:600}.payroll-type{font-size:14px;color:#718096;background:#edf2f7;padding:4px 12px;border-radius:16px}.payroll-status{text-align:right}.status-paid{color:#38a169;font-weight:600;background:#c6f6d5;padding:6px 12px;border-radius:16px;font-size:14px}.status-pending{color:#d69e2e;font-weight:600;background:#faf089;padding:6px 12px;border-radius:16px;font-size:14px}.payroll-amounts{padding:20px}.amount-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.amount-row:last-child{border-bottom:none}.amount-label{color:#4a5568;font-size:14px}.amount-value{font-weight:600;color:#2d3748}.amount-row.bonus .amount-value{color:#38a169}.amount-row.deduction .amount-value{color:#e53e3e}.amount-row.total{border-top:2px solid #e2e8f0;margin-top:12px;padding-top:16px;font-weight:600}.amount-row.final{background:#f0fff4;margin:12px -20px 0;padding:16px 20px;border-bottom:none;font-size:16px;font-weight:700}.amount-row.final .amount-value{color:#38a169;font-size:18px}.task-breakdown{border-top:1px solid #e2e8f0;margin-top:16px}.task-breakdown summary{padding:16px 20px;cursor:pointer;font-weight:600;color:#4a5568;background:#f7fafc;transition:background-color .2s ease}.task-breakdown summary:hover{background:#edf2f7}.tasks-list{padding:0 20px 20px;max-height:300px;overflow-y:auto}.task-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9}.task-item:last-child{border-bottom:none}.task-info{display:flex;flex-direction:column;gap:4px}.task-title{font-weight:600;color:#2d3748;font-size:14px}.task-type{font-size:12px;color:#718096;background:#edf2f7;padding:2px 8px;border-radius:12px;align-self:flex-start}.task-details{display:flex;flex-direction:column;gap:4px}.task-date{font-size:12px;color:#718096}.task-payment{font-weight:600;color:#38a169;font-size:14px}.task-rating{font-size:12px;color:#d69e2e}.no-data{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.no-data-message{text-align:center;padding:40px;max-width:500px}.no-data-message h3{color:#4a5568;margin-bottom:16px;font-size:20px}.no-data-message p{color:#718096;line-height:1.6;margin-bottom:12px}.my-payroll-loading,.my-payroll-error{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-payroll-loading p{color:#4a5568;font-size:16px}.error-message{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:500px}.error-message h3{color:#e53e3e;margin-bottom:16px}.error-message p{color:#718096;margin-bottom:20px}.retry-button{background:#3182ce;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.retry-button:hover{background:#2c5282}@media (max-width: 768px){.my-payroll-page{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.user-info{align-items:flex-start}.payroll-header{flex-direction:column;gap:12px}.task-item{flex-direction:column;gap:8px}.task-details{align-items:flex-start}.summary-cards{grid-template-columns:1fr}.period-buttons{flex-direction:column}.period-buttons button{width:100%}}.admin-kassa-page{padding:20px}.kassa-balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.balance-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.balance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.balance-card .card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.balance-main .card-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.balance-income .card-icon{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.balance-expense .card-icon{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.balance-commission .card-icon{background:linear-gradient(135deg,#fc4a1a,#f7b733);color:#fff}.balance-card .card-content h3{font-size:14px;color:#64748b;margin:0 0 8px;font-weight:500}.balance-card .balance-amount{font-size:24px;font-weight:700;color:#1e293b;margin:0}.balance-card small{display:block;margin-top:4px;color:#94a3b8;font-size:12px;font-weight:500}.balance-cash-breakdown .card-icon{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.balance-cashless-breakdown .card-icon{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}.kassa-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.kassa-tabs .tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.kassa-tabs .tab:hover{color:#1e293b;background:#f8fafc}.kassa-tabs .tab.active{color:#6366f1;border-bottom-color:#6366f1}.kassa-tab-content{display:grid;gap:24px}.kassa-form-container{background:#fff;border-radius:12px;padding:24px}.kassa-form-container .card-header{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:20px;color:#1e293b}.kassa-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#475569}.form-group input,.form-group select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.kassa-transactions-container{background:#fff;border-radius:12px;padding:24px}.card-header-with-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.card-header-with-filter h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.date-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-filter input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.transactions-table{overflow-x:auto}.transactions-table table{width:100%;border-collapse:collapse}.transaction-description{display:flex;flex-direction:column;gap:2px}.transaction-description small{color:#94a3b8;font-size:12px}.transactions-table thead{background:#f8fafc}.transactions-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.transactions-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.transactions-table tbody tr:hover{background:#f8fafc}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.amount-positive{color:#16a34a;font-weight:600}.amount-negative{color:#dc2626;font-weight:600}.owner-operations-info{background:#eff6ff;border-left:4px solid #3b82f6;padding:20px;border-radius:8px}.owner-operations-info h3{margin:0 0 8px;color:#1e40af;font-size:16px}.owner-operations-info p{margin:0;color:#1e40af;font-size:14px;line-height:1.6}.kassa-summary{display:grid;gap:24px}.summary-section{background:#fff;border-radius:12px;padding:24px}.summary-section h3{font-size:18px;font-weight:600;margin:0 0 20px;color:#1e293b}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.summary-item:last-child{border-bottom:none}.summary-item span{font-size:14px;color:#475569}.summary-item.summary-total{padding-top:16px;margin-top:8px;border-top:2px solid #e2e8f0;border-bottom:none}.summary-item.summary-total strong{font-size:16px}.summary-net{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.summary-net h3,.summary-net .summary-item span,.summary-net .summary-item strong{color:#fff}.summary-net .summary-item{border-bottom-color:#fff3}.summary-net .summary-item.summary-total{border-top-color:#ffffff4d}.empty-state{padding:60px 20px;text-align:center;color:#94a3b8;font-size:16px}.loading{padding:60px 20px;text-align:center;color:#64748b;font-size:16px}.alert{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:14px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{color:#475569}.btn-secondary:hover{background:#e2e8f0}@media (max-width: 768px){.kassa-balance-cards,.form-row{grid-template-columns:1fr}.card-header-with-filter{flex-direction:column;align-items:flex-start}.date-filter{width:100%}.date-filter input{flex:1}.transactions-table{font-size:12px}.transactions-table th,.transactions-table td{padding:8px 10px}}*{box-sizing:border-box}body{margin:0;font-family:-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:#f8f9fa;color:#333}#root{height:100vh}::-webkit-scrollbar{width:0}button{font-family:inherit;cursor:pointer;transition:all .2s}button:hover{opacity:.9}input[type=text],input[type=email],input[type=tel],input[type=search]{font-family:inherit;font-size:14px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}