.light-theme,:root{--primary-color:#1a5f4a;--primary-dark:#134436;--primary-light:#2d8b6e;--primary-gradient:linear-gradient(135deg,#1a5f4a,#2d8b6e);--secondary-color:#c4a35a;--secondary-light:#d4b86a;--secondary-gradient:linear-gradient(135deg,#c4a35a,#d4b86a);--accent-color:#e8d5a3;--background-color:#f5f7fa;--surface-color:#fff;--surface-secondary:#f8fafc;--surface-hover:#f1f5f9;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#8a8a8a;--text-inverse:#fff;--border-color:#e8ecf0;--border-light:#f0f2f5;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-glow:0 0 40px #1a5f4a26;--card-bg:#fff;--input-bg:#fff;--input-border:#e8ecf0;--input-focus-border:var(--primary-color);--navbar-bg:#fffffff2;--modal-overlay:#00000080;--code-bg:#f1f5f9;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.34,1.56,0.64,1)}.dark-theme{--primary-color:#2d8b6e;--primary-dark:#1a5f4a;--primary-light:#3da882;--primary-gradient:linear-gradient(135deg,#2d8b6e,#3da882);--secondary-color:#d4b86a;--secondary-light:#e4c87a;--secondary-gradient:linear-gradient(135deg,#d4b86a,#e4c87a);--accent-color:#c4a35a;--background-color:#0f0f1a;--surface-color:#1a1a2e;--surface-secondary:#16162a;--surface-hover:#252542;--text-primary:#f1f5f9;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#1a1a1a;--border-color:#2d2d4a;--border-light:#252542;--success-color:#22c55e;--warning-color:#fbbf24;--danger-color:#f87171;--info-color:#60a5fa;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 40px #2d8b6e33;--card-bg:#1a1a2e;--input-bg:#16162a;--input-border:#2d2d4a;--input-focus-border:var(--primary-color);--navbar-bg:#1a1a2ef2;--modal-overlay:#000000b3;--code-bg:#16162a;--scrollbar-track:#1a1a2e;--scrollbar-thumb:#3d3d5c;--scrollbar-thumb-hover:#4d4d6a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--background-color);color:#1a1a1a;color:var(--text-primary);font-family:Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.7;min-height:100vh;transition:background-color .3s ease,color .3s ease}.light-theme body,:root body{background-attachment:fixed;background-image:radial-gradient(circle at 20% 80%,#1a5f4a08 0,#0000 50%),radial-gradient(circle at 80% 20%,#c4a35a08 0,#0000 50%)}.dark-theme body{background-attachment:fixed;background-image:radial-gradient(circle at 20% 80%,#2d8b6e14 0,#0000 50%),radial-gradient(circle at 80% 20%,#d4b86a0d 0,#0000 50%)}html[dir=rtl] body{text-align:right}html[dir=ltr] body{text-align:left}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1400px;padding:0 20px}*,:after,:before{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-timing-function:ease-out}.animate-spin,.loading-spinner,.modal-overlay,.spin,[class*=animate-]{transition:none!important}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--scrollbar-thumb-hover)}.modal-content{animation:modalSlideIn .3s ease;background:#fff;box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-xl);max-width:560px}.modal-content.small{max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #f0f2f5;border-bottom:1px solid var(--border-light);flex-shrink:0}.modal-header h2{color:#1a1a1a}.modal-close{background:#f5f7fa;border-radius:12px;border-radius:var(--radius-md);color:#8a8a8a;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-close:hover{background:#ef4444}.modal-body{flex:1 1}.modal-footer{border-top:1px solid #f0f2f5;border-top:1px solid var(--border-light);flex-shrink:0;padding:24px}.app-loading{align-items:center;background:linear-gradient(135deg,#1a5f4a,#134436);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.app-loading:before{animation:float-blob 8s ease-in-out infinite;background:radial-gradient(circle,#c4a35a33 0,#0000 70%);content:"";height:400px;left:20%;position:absolute;top:20%;width:400px}.app-loading:after{animation:float-blob 10s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:20%;content:"";height:300px;position:absolute;right:20%;width:300px}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff26;border-top:4px solid var(--secondary-color);height:56px;position:relative;width:56px;z-index:1}.loading-spinner:before{animation:spin 1.5s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top-color:#c4a35a4d;content:"";inset:-8px;position:absolute}.btn{border-radius:12px;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1a5f4a,#2d8b6e);background:var(--primary-gradient);box-shadow:0 4px 14px #1a5f4a40;overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#134436,#1a5f4a);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 8px 24px #1a5f4a66}.btn-secondary{background:linear-gradient(135deg,#c4a35a,#d4b86a);background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));box-shadow:0 4px 14px #c4a35a40}.btn-secondary:hover{box-shadow:0 6px 20px #c4a35a59}.btn-outline{border:2px solid #1a5f4a;border:2px solid var(--primary-color);color:#1a5f4a;color:var(--primary-color)}.btn-outline:hover{background:#1a5f4a;background:var(--primary-color);color:#fff}.btn-ghost{background:#0000;color:#5a5a5a;color:var(--text-secondary);padding:10px 16px}.btn-ghost:hover{background:#f5f7fa;background:var(--background-color);color:#1a1a1a;color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--danger-color),#f87171)}.btn-danger:hover{box-shadow:0 6px 20px #ef444459}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);color:#fff}.btn-success:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.btn-sm{padding:8px 16px}.btn-lg{font-size:16px;padding:14px 28px}.btn-icon{border-radius:50%;height:40px;padding:0;width:40px}.form-group{margin-bottom:20px}.form-group label{color:#1a1a1a}.form-control{background:#fff;border:2px solid #e8ecf0;border-radius:12px;border-radius:var(--radius-md);font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-control:focus{border-color:#1a5f4a}.form-control.error{border-color:#ef4444;border-color:var(--danger-color)}.form-control::placeholder{color:#8a8a8a}textarea.form-control{min-height:120px}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%235a5a5a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left 12px center;background-repeat:no-repeat;background-size:18px;padding-left:40px}html[dir=rtl] select.form-control{background-position:right 12px center;padding-left:16px;padding-right:40px}.error-text{align-items:center;color:#ef4444;display:flex;gap:4px}.card{background:#fff;background:var(--surface-color);border:1px solid #e8ecf0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.card:before{background:linear-gradient(135deg,#1a5f4a,#2d8b6e);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.card:hover{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-lg)}.card:hover:before{transform:scaleX(1)}.card-clickable:hover{border-color:#1a5f4a;border-color:var(--primary-color);transform:translateY(-4px)}.card-header{border-bottom:1px solid #e8ecf0;margin-bottom:20px;padding-bottom:16px}.card-title{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px}.card-title svg{color:#1a5f4a;color:var(--primary-color)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px}.badge-success{background:#10b9811a;color:#10b981;color:var(--success-color)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.badge-danger{background:#ef44441a;color:#ef4444;color:var(--danger-color)}.badge-info{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.badge-primary{background:#1a5f4a1a;color:#1a5f4a;color:var(--primary-color)}.badge-secondary{background:#c4a35a1a;color:#c4a35a;color:var(--secondary-color)}.table-container{background:#fff;background:var(--surface-color);border:1px solid #e8ecf0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{padding:14px 16px;text-align:right}html[dir=ltr] .table td,html[dir=ltr] .table th{text-align:left}.table th{background:#f5f7fa;background:var(--background-color);border-bottom:2px solid #e8ecf0;border-bottom:2px solid var(--border-color);color:#5a5a5a;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.table td{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-color);font-size:14px}.table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.table tbody tr:hover{background:#f5f7fa;background:var(--background-color)}.table tbody tr:last-child td{border-bottom:none}.spinner{border-top-color:initial;height:20px;width:20px}.spinner-primary{border:2px solid #1a5f4a33;border-top:2px solid var(--primary-color)}.empty-state{animation:fade-up .5s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#f5f7fa,#1a5f4a0d);background:linear-gradient(135deg,var(--background-color),#1a5f4a0d);border-radius:50%;display:flex;height:140px;justify-content:center;margin:0 auto 28px;position:relative;width:140px}.empty-state-icon:before{animation:rotate-slow 20s linear infinite;border:2px dashed #e8ecf0;border:2px dashed var(--border-color);border-radius:50%;content:"";inset:-8px;position:absolute}@keyframes rotate-slow{to{transform:rotate(1turn)}}.empty-state-icon svg{color:#8a8a8a;color:var(--text-muted);height:56px;width:56px}.empty-state h3{color:#1a1a1a;margin-bottom:10px}.empty-state p{color:#5a5a5a;line-height:1.7;margin-bottom:28px;margin-left:auto;margin-right:auto;max-width:420px}.filters-section{background:#fff;border:1px solid #e8ecf0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:20px 24px;position:relative}.filters-section:before{background:linear-gradient(90deg,#1a5f4a,#c4a35a,#2d8b6e);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-light));content:"";height:3px;left:0;opacity:.6;position:absolute;right:0;top:0}.search-box{max-width:420px;min-width:280px}.search-box input{background:#f5f7fa;background:var(--background-color);border:2px solid #e8ecf0;border-radius:16px;color:#1a1a1a;font-weight:500;padding:14px 18px 14px 50px;transition:all .3s cubic-bezier(.4,0,.2,1)}html[dir=rtl] .search-box input{padding:14px 50px 14px 18px}.search-box input::placeholder{color:#8a8a8a;font-weight:400}.search-box input:hover{background:#fff;background:var(--surface-color);border-color:#2d8b6e;border-color:var(--primary-light)}.search-box input:focus{background:#fff;background:var(--surface-color);border-color:#1a5f4a;box-shadow:0 0 0 4px #1a5f4a1f,0 4px 16px #00000014}.search-box input:focus+svg,.search-box input:focus~svg{color:#1a5f4a;color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.search-box svg{color:#8a8a8a;height:20px;left:16px;transition:all .3s ease;width:20px}html[dir=rtl] .search-box svg{left:auto;right:16px}.filters{flex-wrap:wrap}.filter-group{align-items:center;position:relative}.filter-group select{-webkit-appearance:none;appearance:none;background-color:#f5f7fa;background-color:var(--background-color);border:2px solid #e8ecf0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#1a1a1a;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:150px;padding:12px 18px 12px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}html[dir=ltr] .filter-group select{padding:12px 40px 12px 18px}.filter-group:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1a5f4a;border-top:6px solid var(--primary-color);content:"";height:0;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:0}html[dir=ltr] .filter-group:after{left:auto;right:14px}.filter-group select:hover{border-color:#2d8b6e;border-color:var(--primary-light)}.filter-group select:focus,.filter-group select:hover{background-color:#fff;background-color:var(--surface-color)}.filter-group select:focus{border-color:#1a5f4a;border-color:var(--primary-color);box-shadow:0 0 0 4px #1a5f4a1f,0 4px 12px #0000000f;outline:none}.filter-group-label{align-items:center;background:linear-gradient(135deg,#1a5f4a14,#1a5f4a0a);border:2px solid #0000;border-radius:16px;border-radius:var(--radius-lg);color:#1a5f4a;color:var(--primary-color);display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease}.filter-group-label:hover{background:linear-gradient(135deg,#1a5f4a1f,#1a5f4a0f)}.toggle-filter{background:#f5f7fa;background:var(--background-color);border:2px solid #e8ecf0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);font-weight:500;gap:10px;padding:12px 18px;transition:all .3s ease}.toggle-filter:hover{background:#fff;background:var(--surface-color);border-color:#2d8b6e;border-color:var(--primary-light)}.toggle-filter input{accent-color:#1a5f4a;cursor:pointer;height:20px;width:20px}.toggle-filter span{color:#1a1a1a;color:var(--text-primary);font-size:14px}.view-toggle{background:#f5f7fa;background:var(--background-color);border:2px solid #e8ecf0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);display:flex;overflow:hidden}.view-toggle button{align-items:center;background:#0000;border:none;color:#5a5a5a;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:12px 16px;transition:all .3s ease}.view-toggle button:first-child{border-left:1px solid #e8ecf0;border-left:1px solid var(--border-color)}html[dir=ltr] .view-toggle button:first-child{border-left:none;border-right:1px solid #e8ecf0;border-right:1px solid var(--border-color)}.view-toggle button:hover{background:#1a5f4a14;color:#1a5f4a;color:var(--primary-color)}.view-toggle button.active{background:linear-gradient(135deg,#1a5f4a,#134436);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.filter-actions{display:flex;gap:8px;margin-right:auto}html[dir=ltr] .filter-actions{margin-left:auto;margin-right:0}.filter-reset-btn{align-items:center;background:#ef44441a;border:none;border-radius:12px;border-radius:var(--radius-md);color:#ef4444;color:var(--danger-color);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.filter-reset-btn:hover{background:#ef4444;background:var(--danger-color);color:#fff}.filter-count{align-items:center;background:#1a5f4a;background:var(--primary-color);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-right:-4px;min-width:22px;padding:0 6px}html[dir=ltr] .filter-count{margin-left:-4px;margin-right:0}@media (max-width:992px){.filters-section{padding:16px 20px}.search-box{max-width:350px;min-width:200px}.filter-group select{min-width:140px;padding:10px 40px 10px 14px}html[dir=rtl] .filter-group select{padding:10px 14px 10px 40px}}@media (max-width:768px){.filters-section{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.search-box{max-width:100%;min-width:auto}.filters{flex-direction:column}.filter-group,.filters{width:100%}.filter-group select{flex:1 1;width:100%}.toggle-filter{justify-content:center;width:100%}.view-toggle{width:100%}.view-toggle button{flex:1 1}.filter-actions{margin:0;width:100%}.filter-reset-btn{justify-content:center;width:100%}}.status-available{color:#10b981;color:var(--success-color)}.status-sold{color:#ef4444;color:var(--danger-color)}.status-reserved{color:#f59e0b;color:var(--warning-color)}.status-pending{color:#3b82f6;color:var(--info-color)}.type-villa{background:#10b9811a;color:#059669}.type-apartment{background:#3b82f61a;color:#2563eb}.type-land{background:#f59e0b1a;color:#d97706}.type-building{background:#8b5cf61a;color:#7c3aed}.type-commercial{background:#ec48991a;color:#db2777}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease}[data-tooltip]{position:relative}[data-tooltip]:after{background:#1a1a1a;background:var(--text-primary);border-radius:8px;border-radius:var(--radius-sm);bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;margin-bottom:8px;opacity:0;padding:8px 12px;position:absolute;transform:translateX(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);visibility:hidden;white-space:nowrap}[data-tooltip]:hover:after{opacity:1;visibility:visible}@media (max-width:768px){.container{padding:0 15px}.card{padding:16px}.btn{font-size:14px;padding:10px 18px}.search-box{max-width:100%}}@media (max-width:480px){body{font-size:14px}.container{padding:0 12px}.card{border-radius:12px;border-radius:var(--radius-md);padding:14px}.card-header{margin-bottom:16px;padding-bottom:12px}.card-title{font-size:16px}.btn{font-size:13px;gap:6px;padding:10px 16px}.btn-lg{font-size:14px;padding:12px 22px}.btn-icon{height:36px;width:36px}.form-group label{font-size:13px}.form-control{font-size:14px;padding:10px 14px}.badge{font-size:11px;padding:4px 10px}.table td,.table th{font-size:13px;padding:10px 12px}.empty-state{padding:60px 16px}.empty-state-icon{height:100px;margin-bottom:20px;width:100px}.empty-state-icon svg{height:40px;width:40px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px;margin-bottom:20px}.modal-content{border-radius:16px;border-radius:var(--radius-lg);margin:10px}.modal-header{padding:18px 20px}.modal-header h2{font-size:18px;gap:10px}.modal-body{padding:20px}.modal-footer{gap:10px;padding:16px 20px}.tabs{gap:4px;overflow-x:auto;padding:4px}.tab{padding:10px 16px;white-space:nowrap}.tab,.toast{font-size:13px}.toast{max-width:calc(100vw - 32px);min-width:auto;padding:14px 20px}.loading-spinner{height:48px;width:48px}.search-box input{font-size:13px;padding:12px 14px 12px 44px}html[dir=rtl] .search-box input{padding:12px 44px 12px 14px}.search-box svg{height:18px;left:14px;width:18px}html[dir=rtl] .search-box svg{left:auto;right:14px}.filter-group select{font-size:13px;min-width:120px;padding:10px 36px 10px 14px}html[dir=rtl] .filter-group select{padding:10px 14px 10px 36px}.toggle-filter{font-size:13px;padding:10px 14px}.toggle-filter input{height:18px;width:18px}}.action-buttons-wrapper{align-items:center;display:flex;gap:10px}.action-buttons-wrapper .action-btn,.actions-row .action-btn{align-items:center;background:#f5f7fa;background:var(--background-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#5a5a5a;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.action-buttons-wrapper .action-btn svg,.actions-row .action-btn svg{flex-shrink:0;height:20px;width:20px}.action-buttons-wrapper .action-btn:hover,.actions-row .action-btn:hover{background:#1a5f4a;background:var(--primary-color);box-shadow:0 4px 12px #1a5f4a4d;color:#fff;transform:translateY(-2px)}.action-buttons-wrapper .action-btn.delete:hover,.actions-row .action-btn.delete:hover{background:#ef4444;background:var(--danger-color);box-shadow:0 4px 12px #ef44444d}.dark-theme .modal-overlay{background:#000000bf}.dark-theme .modal-content{background:#fff;background:var(--surface-color);border:1px solid #e8ecf0;border:1px solid var(--border-color)}.dark-theme .modal-footer,.dark-theme .modal-header{border-color:#e8ecf0;border-color:var(--border-color)}.dark-theme .modal-close{background:#f8fafc;background:var(--surface-secondary)}.dark-theme .modal-close:hover{background:#ef4444}.dark-theme .form-control{background:#fff;border-color:#e8ecf0;color:#1a1a1a}.dark-theme .form-control:focus{border-color:#1a5f4a;box-shadow:0 0 0 4px #2d8b6e33}.dark-theme select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark-theme .btn-ghost:hover{background:#f1f5f9;background:var(--surface-hover)}.dark-theme .btn-outline{border-color:#1a5f4a;border-color:var(--primary-color)}.dark-theme .card{background:#fff;background:var(--surface-color);border-color:#e8ecf0;border-color:var(--border-color)}.dark-theme .card:hover{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-lg)}.dark-theme .filters-section{background:#fff;background:var(--surface-color);border-color:#e8ecf0;border-color:var(--border-color)}.dark-theme .search-box input{background:#fff;background:var(--input-bg)}.dark-theme .filter-group select,.dark-theme .search-box input{border-color:#e8ecf0;border-color:var(--input-border);color:#1a1a1a;color:var(--text-primary)}.dark-theme .filter-group select{background-color:#fff;background-color:var(--input-bg)}.dark-theme .toggle-filter{background:#f8fafc;background:var(--surface-secondary);border-color:#e8ecf0;border-color:var(--border-color)}.dark-theme .toggle-filter.active{background:#2d8b6e33;border-color:#1a5f4a;border-color:var(--primary-color)}.dark-theme .view-toggle button{background:#f8fafc;background:var(--surface-secondary);color:#5a5a5a;color:var(--text-secondary)}.dark-theme .view-toggle button.active{background:#1a5f4a;background:var(--primary-color);color:#fff}.dark-theme .tabs{background:#f8fafc;background:var(--surface-secondary)}.dark-theme .tab{color:#5a5a5a;color:var(--text-secondary)}.dark-theme .tab.active{color:#1a5f4a;color:var(--primary-color)}.dark-theme .empty-state,.dark-theme .tab.active{background:#fff;background:var(--surface-color)}.dark-theme .stats-icon{background:#2d8b6e26}.dark-theme .page-header{background:#fff;background:var(--surface-color);border-color:#e8ecf0;border-color:var(--border-color)}.dark-theme .action-buttons-wrapper .action-btn,.dark-theme .actions-row .action-btn{background:#f8fafc;background:var(--surface-secondary)}.dark-theme .action-buttons-wrapper .action-btn:hover,.dark-theme .actions-row .action-btn:hover{box-shadow:0 4px 12px #0006}.dark-theme .filter-select,.dark-theme select{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme table{background:#1e293b}.dark-theme th{background:#0f172a}.dark-theme td,.dark-theme th{border-color:#334155;color:#f1f5f9}.dark-theme tr:hover{background:#1a5f4a1a}.dark-theme .tooltip{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .dropdown-menu,.dark-theme .popover{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #00000080}.dark-theme .dropdown-item:hover{background:#334155}.dark-theme .input-group-text{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .badge{background:#1a5f4a33;color:#1a5f4a;color:var(--primary-color)}.dark-theme .alert{background:#1e293b;border-color:#334155}.dark-theme .alert-success{background:#10b98126;border-color:#10b9814d}.dark-theme .alert-warning{background:#f59e0b26;border-color:#f59e0b4d}.dark-theme .alert-danger{background:#ef444426;border-color:#ef44444d}.dark-theme ::-webkit-scrollbar-track{background:#0f172a}.dark-theme ::-webkit-scrollbar-thumb{background:#334155}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#475569}.toast{animation:toastFadeIn .3s ease;background:var(--surface-color);border-radius:14px;border-right:4px solid;box-shadow:0 20px 60px #00000040;gap:12px;max-width:450px;padding:16px 20px}[dir=ltr] .toast{border-left:4px solid;border-right:none}.toast-exit{animation:toastFadeOut .3s ease forwards}@keyframes toastFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-10px)}}@keyframes toastSlideIn-rtl{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideIn-ltr{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut-rtl{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes toastSlideOut-ltr{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.toast-success{border-color:#22c55e}.toast-success .toast-icon{background:#dcfce7;color:#22c55e}.dark-theme .toast-success .toast-icon{background:#22c55e33}.toast-error{border-color:#ef4444}.toast-error .toast-icon{background:#fee2e2;color:#ef4444}.dark-theme .toast-error .toast-icon{background:#ef444433}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{background:#fef3c7;color:#f59e0b}.dark-theme .toast-warning .toast-icon{background:#f59e0b33}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{background:#dbeafe;color:#3b82f6}.dark-theme .toast-info .toast-icon{background:#3b82f633}.toast-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.toast-message{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.toast-close:hover{background:var(--border-color);color:var(--text-primary)}.toast-container{bottom:24px;gap:12px;left:24px;max-width:420px;pointer-events:none;z-index:2147483647}[dir=ltr] .toast-container{left:auto;right:24px}.toast-container>*{pointer-events:auto}@media (max-width:480px){.toast-container{bottom:20px;max-width:calc(100% - 32px)}.toast-container,[dir=ltr] .toast-container{left:16px;right:16px}.toast{max-width:100%;min-width:auto}}.dark-theme .toast{background:#1e293b;border-color:inherit;box-shadow:0 10px 40px #0006}.dark-theme .toast-message{color:#f1f5f9}.dark-theme .toast-close{color:#64748b}.dark-theme .toast-close:hover{background:#334155;color:#f1f5f9}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a5f4afa,#134436fa);border-bottom:1px solid #ffffff14;box-shadow:0 4px 24px #0000001f;height:68px;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;box-sizing:border-box;display:flex;gap:16px;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.navbar-brand{color:#fff;flex-shrink:0;gap:10px;text-decoration:none}.brand-icon,.navbar-brand{align-items:center;display:flex}.brand-icon{animation:pulse-glow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--secondary-color) 0,#dab76a 100%);border-radius:12px;box-shadow:0 4px 16px #c4a35a66;height:42px;justify-content:center;width:42px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px #c4a35a66}50%{box-shadow:0 4px 24px #c4a35a99}}.brand-icon svg{color:#fff;height:20px;width:20px}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:16px;font-weight:700;line-height:1.2}.brand-tagline{font-size:10px;opacity:.7}.navbar-nav{flex:1 1;gap:2px;justify-content:center}.nav-link,.navbar-nav{align-items:center;display:flex}.nav-link{border-radius:10px;color:#ffffffd9;font-size:13px;font-weight:500;gap:6px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-link:before{background:var(--secondary-color);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.nav-link:hover:before{width:60%}.nav-link.active{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1a;color:#fff}.nav-link.active:before{width:80%}.nav-link svg{flex-shrink:0;height:18px;width:18px}.nav-dropdown{position:relative}.dropdown-toggle{background:#0000;border:none;cursor:pointer}.dropdown-toggle svg:last-child{transition:transform .2s ease}.nav-dropdown:hover .dropdown-toggle svg:last-child{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFade .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 50px #0003;min-width:220px;padding:10px;position:absolute;top:calc(100% + 14px);z-index:1001}html[dir=rtl] .dropdown-menu{left:auto;right:0}html[dir=ltr] .dropdown-menu{left:0;right:auto}.dropdown-menu.more-menu{min-width:240px}.dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .25s ease;width:100%}.dropdown-item:before{background:var(--primary-color);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.dropdown-item:hover{background:#1a5f4a14;color:var(--primary-color);transform:translateX(-4px)}html[dir=ltr] .dropdown-item:hover{transform:translateX(4px)}.dropdown-item.active{background:#1a5f4a1f;color:var(--primary-color)}.dropdown-item svg{color:var(--text-secondary);flex-shrink:0;height:20px;transition:color .3s ease;width:20px}.dropdown-item.active svg,.dropdown-item:hover svg{color:var(--primary-color)}.dropdown-item.logout,.dropdown-item.logout svg{color:var(--danger-color)}.dropdown-item.logout:hover{background:#ef44441a}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.action-btn{background:#ffffff1f;border:1px solid #ffffff14;color:#fff;height:40px;transition:all .25s ease;width:40px}.action-btn:hover{background:#ffffff38;box-shadow:0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.action-btn svg{height:18px;width:18px}.theme-btn{overflow:hidden;position:relative}.theme-btn svg{transition:transform .3s ease,opacity .3s ease}.theme-btn:hover svg{transform:rotate(15deg)}.lang-btn{gap:5px;padding:0 12px;width:auto}.lang-label{font-size:12px;font-weight:600}.notification-badge{align-items:center;animation:bounce-in .4s ease;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:9px;box-shadow:0 2px 8px #ef444466;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:2px;top:2px}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}html[dir=ltr] .notification-badge{left:4px;right:auto}.user-dropdown{position:relative}.user-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.user-btn:hover{background:#fff3}.user-avatar{background:linear-gradient(135deg,var(--secondary-color),#dab76a);font-size:13px;font-weight:700;height:32px;width:32px}.user-avatar.large{font-size:16px;height:40px;width:40px}.user-name{font-size:14px;font-weight:600}.user-menu{min-width:200px}html[dir=rtl] .user-menu{left:auto!important;right:0!important}html[dir=ltr] .user-menu{left:0!important;right:auto!important}.user-info-header{align-items:center;background:linear-gradient(135deg,#1a5f4a08,#0000);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;gap:14px;margin:-10px -10px 10px;padding:16px}.user-details{display:flex;flex-direction:column}.user-details .name{color:var(--text-primary);font-size:14px;font-weight:600}.user-details .role{color:var(--text-secondary);font-size:11px}.menu-divider{background:var(--border-color);height:1px;margin:6px 8px}.mobile-menu-btn{align-items:center;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;width:44px}.search-btn{display:none}.mobile-menu{background:var(--surface-color);bottom:0;box-shadow:-10px 0 40px #00000026;left:0;overflow-y:auto;position:fixed;right:0;top:68px;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:999}html[dir=ltr] .mobile-menu{transform:translateX(-100%)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-content{display:flex;flex-direction:column;gap:6px;padding:20px}.mobile-nav-link{align-items:center;border-radius:14px;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:16px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s ease}.mobile-nav-link:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.mobile-nav-link:hover{background:var(--background-color)}.mobile-nav-link.active{color:#fff}.mobile-nav-link.active:before{opacity:1}.mobile-nav-link.active{box-shadow:0 6px 20px #1a5f4a4d}.mobile-nav-link svg{color:var(--text-secondary);transition:color .3s ease}.mobile-nav-link.active svg{color:#fff}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:68px;z-index:998}@media (max-width:1280px){.user-name{display:none}.user-btn{border-radius:50%;padding:4px}.user-btn svg{display:none}}@media (max-width:1100px){.nav-link span{display:none}.nav-link{padding:10px}.brand-tagline,.dropdown-toggle span:first-child{display:none}}@media (max-width:900px){.navbar-nav{display:none}.mobile-menu-btn,.search-btn{display:flex}.lang-label{display:none}.lang-btn{padding:0;width:36px}}@media (max-width:600px){.navbar-container{padding:0 12px}.brand-text{display:none}.navbar-actions{gap:4px}.action-btn{height:34px;width:34px}.mobile-menu-btn{height:38px;width:38px}.dropdown-menu{min-width:200px;padding:8px}.dropdown-item{font-size:13px;padding:10px 12px}.user-menu{min-width:180px}.user-info-header{gap:10px;padding:12px}.user-avatar.large{font-size:14px;height:36px;width:36px}}@media (max-width:400px){.navbar{height:60px}.navbar-container{padding:0 8px}.brand-icon{height:36px;width:36px}.brand-icon svg{height:18px;width:18px}.action-btn{height:32px;width:32px}.action-btn svg{height:16px;width:16px}.mobile-menu-btn{height:34px;width:34px}.mobile-menu,.mobile-overlay{top:60px}.notification-badge{font-size:9px;height:16px;min-width:16px}}.dark-theme .navbar{background:linear-gradient(135deg,#0f172afa,#020617fa);border-color:#ffffff0d}.dark-theme .mobile-menu{background:#1e293b;border-color:#334155}.dark-theme .mobile-menu .nav-link{color:#f1f5f9}.dark-theme .mobile-menu .nav-link:hover{background:#334155}.login-page{display:flex;min-height:100vh;overflow:hidden;position:relative}.login-background{z-index:0}.bg-pattern,.login-background{bottom:0;left:0;position:absolute;right:0;top:0}.bg-pattern{background:linear-gradient(135deg,#1a5f4a,#134436 50%,#0d2f26)}.bg-pattern:before{animation:pattern-float 30s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}@keyframes pattern-float{0%{background-position:0 0}to{background-position:60px 60px}}.bg-overlay{background:radial-gradient(ellipse at 30% 20%,#c4a35a26 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#c4a35a1a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.login-content{display:flex;min-height:100vh;position:relative;width:100%;z-index:1}.login-left{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.brand-section{margin-bottom:60px}.brand-logo{align-items:center;animation:logo-float 4s ease-in-out infinite;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:24px;box-shadow:0 16px 40px #00000040;display:flex;height:90px;justify-content:center;margin-bottom:28px;position:relative;width:90px}.brand-logo:before{animation:glow-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--secondary-color),#ffffff4d);border-radius:28px;content:"";inset:-4px;opacity:.5;position:absolute;z-index:-1}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.brand-logo svg{color:#fff;height:44px;width:44px}.brand-section h1{font-size:36px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 10px #0003}.brand-section p{font-size:18px;line-height:1.6;opacity:.9}.features-list{flex-direction:column;gap:24px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;display:flex;gap:18px;padding:22px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-item:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 10px 30px #0003;transform:translateX(-12px)}html[dir=ltr] .feature-item:hover{transform:translateX(12px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:16px;box-shadow:0 6px 20px #c4a35a66;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.feature-item:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-text h3{font-size:16px;font-weight:700;margin-bottom:4px}.feature-text p{font-size:14px;opacity:.8}.login-right{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);display:flex;justify-content:center;padding:40px;width:500px}.login-card{max-width:400px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:15px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{margin-bottom:0}.login-form .form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.login-form .form-group label svg{color:var(--primary-color)}.login-form .form-control{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.login-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a5f4a1a;outline:none}.login-form .form-control.error{border-color:var(--danger-color)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-left:48px}html[dir=rtl] .password-input-wrapper input{padding-left:16px;padding-right:16px}.toggle-password{align-items:center;background:none;display:flex;justify-content:center;left:14px;padding:4px;transition:color .3s ease}html[dir=rtl] .toggle-password{left:auto;left:14px;right:auto}.toggle-password:hover{color:var(--primary-color)}.form-options{align-items:center;display:flex;justify-content:space-between}.checkbox-label{color:var(--text-secondary);gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.forgot-link{color:var(--primary-color);font-size:14px;font-weight:600;transition:color .3s ease}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.error-banner{background:#dc35451a}.btn-login{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.btn-login:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.btn-login:hover:before{left:100%}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 12px 28px #1a5f4a66;transform:translateY(-3px)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.btn-login .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.register-link{color:var(--text-secondary);font-size:14px;margin-top:16px;text-align:center}.register-link a{color:var(--primary-color);font-weight:600;margin-right:6px}html[dir=ltr] .register-link a{margin-left:6px;margin-right:0}.register-link a:hover{text-decoration:underline}@media (max-width:1024px){.login-left{display:none}.login-right{background:#0000;width:100%}.login-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0003;padding:40px}}@media (max-width:480px){.login-right{padding:20px}.login-card{padding:30px 24px}.login-header h2{font-size:24px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}}.dark-theme .login-card,.dark-theme .login-right{background:var(--surface-color)}.dark-theme .login-card{border:1px solid var(--border-color)}.dark-theme .login-header h2{color:var(--text-primary)}.dark-theme .login-header p{color:var(--text-secondary)}.dark-theme .form-group label{color:var(--text-primary)}.dark-theme .login-form .form-control{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .login-form .form-control:focus{background:var(--input-bg);border-color:var(--primary-color)}.dark-theme .checkbox-label,.dark-theme .register-link{color:var(--text-secondary)}.dark-theme .register-link a{color:var(--primary-color)}.register-page{display:flex;min-height:100vh;overflow:hidden;position:relative}.register-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.register-page .bg-pattern{background:linear-gradient(135deg,#1a5f4a,#134436 50%,#0d2f26);bottom:0;left:0;position:absolute;right:0;top:0}.register-page .bg-pattern:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.register-page .bg-overlay{background:radial-gradient(ellipse at 30% 20%,#c4a35a26 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#c4a35a1a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.register-content{display:flex;min-height:100vh;position:relative;width:100%;z-index:1}.register-left{color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.register-left .brand-section{margin-bottom:48px}.register-left .brand-logo{align-items:center;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.register-left .brand-logo svg{color:#fff}.register-left .brand-section h1{font-size:36px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 10px #0003}.register-left .brand-section p{font-size:18px;line-height:1.6;opacity:.9}.register-left .features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.register-left .feature-item{align-items:center;display:flex;font-size:16px;gap:14px;opacity:.9}.register-left .feature-icon{align-items:center;background:#c4a35a33;border-radius:10px;color:var(--secondary-color);display:flex;height:36px;justify-content:center;width:36px}.stats-section{border-top:1px solid #ffffff1a;display:flex;gap:32px;padding-top:32px}.stat-value{color:var(--secondary-color);font-size:32px}.stat-label{font-size:14px;opacity:.8}.register-right{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);display:flex;justify-content:center;padding:40px;width:600px}.register-card{max-width:500px;width:100%}.register-header{margin-bottom:32px;text-align:center}.register-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.register-header p{color:var(--text-secondary);font-size:15px}.register-form{display:flex;flex-direction:column;gap:18px}.register-form .form-group{margin-bottom:0}.register-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.register-form .form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.register-form .form-group label svg{color:var(--primary-color)}.register-form .form-control{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.register-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a5f4a1a;outline:none}.register-form .form-control.error{border-color:var(--danger-color)}.register-form .password-input-wrapper{position:relative}.register-form .toggle-password{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;left:12px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}html[dir=rtl] .register-form .toggle-password{left:auto;left:12px;right:auto}.register-form .toggle-password:hover{color:var(--primary-color)}.terms-group .checkbox-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px}.terms-group .checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin-top:2px;width:18px}.terms-group .checkbox-label a{color:var(--primary-color);font-weight:600}.terms-group .checkbox-label a:hover{text-decoration:underline}.error-banner{border:1px solid var(--danger-color);border-radius:10px;color:var(--danger-color);text-align:center}.error-text{color:var(--danger-color);display:block;font-size:12px;margin-top:6px}.btn-register{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.btn-register:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 8px 20px #1a5f4a4d;transform:translateY(-2px)}.btn-register:disabled{cursor:not-allowed;opacity:.7}.btn-register .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-link{color:var(--text-secondary);font-size:14px;margin-top:16px;text-align:center}.login-link a{color:var(--primary-color);font-weight:600;margin-right:6px}html[dir=ltr] .login-link a{margin-left:6px;margin-right:0}.login-link a:hover{text-decoration:underline}@media (max-width:1200px){.register-left{padding:40px}.stats-section{gap:24px}.stat-value{font-size:28px}}@media (max-width:1024px){.register-left{display:none}.register-right{background:#0000;width:100%}.register-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0003;padding:40px}}@media (max-width:600px){.register-right{padding:20px}.register-card{padding:30px 24px}.register-header h2{font-size:24px}.register-form .form-row{gap:18px;grid-template-columns:1fr}}.dark-theme .register-card,.dark-theme .register-right{background:var(--surface-color)}.dark-theme .register-card{border:1px solid var(--border-color)}.dark-theme .register-header h2{color:var(--text-primary)}.dark-theme .register-header p{color:var(--text-secondary)}.dark-theme .register-form .form-group label{color:var(--text-primary)}.dark-theme .register-form .form-control{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.dark-theme .register-form .form-control:focus{background:var(--input-bg);border-color:var(--primary-color)}.dark-theme .login-link,.dark-theme .terms-group .checkbox-label{color:var(--text-secondary)}.dark-theme .login-link a{color:var(--primary-color)}.dark-theme .error-banner{background:#ef444426;border-color:var(--danger-color)}.permission-denied{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px 20px}.permission-denied-content{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:40px;text-align:center}.permission-denied-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;color:#dc2626;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.permission-denied h2{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 12px}.permission-denied>p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}.upgrade-prompt{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);margin-top:20px;padding:24px}.upgrade-prompt .crown-icon{color:#b45309;margin-bottom:12px}.upgrade-prompt p{color:#78350f;font-size:14px;margin:0 0 8px}.upgrade-prompt p:last-of-type{margin-bottom:16px}.upgrade-prompt strong{color:#92400e}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:var(--radius-md)!important;color:#fff!important;cursor:pointer;display:inline-flex;font-size:15px!important;font-weight:600!important;gap:8px;padding:12px 32px!important;transition:transform .2s,box-shadow .2s}.upgrade-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.upgrade-buttons{align-items:center;display:flex;flex-direction:column;gap:12px}.refresh-btn{background:#0000!important;border:1px solid #b45309!important;border-radius:var(--radius-md)!important;color:#b45309!important;cursor:pointer;font-size:14px!important;font-weight:500!important;padding:10px 24px!important;transition:all .2s}.refresh-btn:hover{background:#b453091a!important}.limit-warning{align-items:center;background:#fef3c7;border-radius:var(--radius-full);color:#92400e;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.limit-warning.critical{background:#fee2e2;color:#dc2626}.locked-feature{filter:grayscale(.5);opacity:.5;pointer-events:none;position:relative}.locked-feature:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff9;border-radius:inherit;content:"";inset:0;justify-content:center}.locked-badge,.locked-feature:after{align-items:center;display:flex;position:absolute}.locked-badge{background:#000000b3;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;right:8px;top:8px;z-index:10}[dir=rtl] .locked-badge{left:8px;right:auto}.premium-tag{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.premium-tag svg{height:12px;width:12px}@media (max-width:768px){.permission-denied{min-height:300px;padding:20px}.permission-denied-content{padding:24px}.permission-denied-icon{height:64px;width:64px}.permission-denied-icon svg{height:32px;width:32px}.permission-denied h2{font-size:18px}.upgrade-prompt{padding:16px}}.dark-theme .permission-denied-content{background:#1e293b}.dark-theme .permission-denied h2{color:#f1f5f9}.dark-theme .permission-denied>p{color:#94a3b8}.dark-theme .upgrade-prompt{background:linear-gradient(135deg,#f59e0b33,#d9770626)}.dark-theme .upgrade-prompt p{color:#fcd34d}.dark-theme .upgrade-prompt strong{color:#f59e0b}.dashboard-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px}.page-header{align-items:flex-start}@media (max-width:600px){.page-header{flex-direction:column;gap:12px;margin-bottom:20px}}.welcome-section h1{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}@media (max-width:600px){.welcome-section h1{font-size:20px}}@media (max-width:400px){.welcome-section h1{font-size:18px}}.welcome-section p{color:var(--text-secondary);font-size:15px}@media (max-width:600px){.welcome-section p{font-size:13px}}.header-actions{gap:10px}@media (max-width:600px){.header-actions{width:100%}.header-actions .btn{flex:1 1;justify-content:center}}@media (max-width:1100px){.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.stat-card{border-radius:18px;box-shadow:0 2px 12px #0000000a;gap:18px;padding:24px}@media (max-width:600px){.stat-card{border-radius:14px;gap:10px;padding:14px 12px}}@media (max-width:400px){.stat-card{border-radius:12px;gap:8px;padding:12px 10px}}.stat-card:before{background:var(--primary-color);border-radius:0 0 0 4px}.stat-card:after{background:radial-gradient(circle,#1a5f4a14 0,#0000 70%);height:100%;right:-50%;top:-50%;transition:opacity .4s ease;width:100%}html[dir=ltr] .stat-card:before{border-radius:0 0 4px 0}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 16px 40px #1a5f4a26;transform:translateY(-6px) scale(1.02)}.stat-icon{background:linear-gradient(135deg,var(--primary-color) 0,#2d8a6e 100%);border-radius:16px;box-shadow:0 8px 20px #1a5f4a4d;height:60px;width:60px}@media (max-width:600px){.stat-icon{border-radius:12px;height:42px;width:42px}}@media (max-width:400px){.stat-icon{border-radius:10px;height:36px;width:36px}}.stat-icon:after{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:18px;inset:-3px;opacity:0}.stat-card:hover .stat-icon:after{opacity:.3}.stat-icon svg{height:26px;width:26px}@media (max-width:600px){.stat-icon svg{height:20px;width:20px}}@media (max-width:400px){.stat-icon svg{height:18px;width:18px}}.stat-content{min-width:0}.stat-content h3{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.1;margin-bottom:4px}@media (max-width:600px){.stat-content h3{font-size:20px;margin-bottom:2px}}@media (max-width:400px){.stat-content h3{font-size:18px}}.stat-content p{color:var(--text-secondary);font-size:13px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.stat-content p{font-size:11px;margin-bottom:4px}}@media (max-width:400px){.stat-content p{font-size:10px;margin-bottom:2px}}.stat-trend{border-radius:12px;font-size:12px;padding:3px 8px}@media (max-width:600px){.stat-trend{font-size:10px;gap:2px;padding:2px 6px}.stat-trend svg{height:12px;width:12px}}.stat-trend.positive{background:#10b9811f;color:#059669}.stat-trend.negative{background:#ef44441f;color:#dc2626}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:900px){.dashboard-grid{gap:16px;grid-template-columns:1fr}}.dashboard-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000a;min-width:0;overflow:hidden;padding:20px;transition:all .25s ease}@media (max-width:600px){.dashboard-section{border-radius:14px;padding:14px}}.dashboard-section:hover{box-shadow:0 4px 16px #0000000f}.section-header{border-bottom:1px solid var(--border-color);padding-bottom:12px}.section-header h2{font-size:16px;font-weight:600;gap:8px}.section-header h2 svg{color:var(--primary-color);height:20px;width:20px}.view-all{align-items:center;background:#1a5f4a14;border-radius:8px;color:var(--primary-color);display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.view-all:hover{background:var(--primary-color);color:#fff}html[dir=ltr] .view-all svg{transform:rotate(180deg)}@media (max-width:600px){.offers-list{gap:10px}}.offer-item{grid-gap:18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000005;display:grid;gap:18px;grid-template-columns:auto 1fr auto auto;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:700px){.offer-item{gap:10px;grid-template-columns:1fr;padding:14px}}@media (max-width:400px){.offer-item{border-radius:12px;gap:8px;padding:12px}}.offer-item:before{background:linear-gradient(90deg,#0000,#1a5f4a08);content:"";height:100%;position:absolute;right:0;top:0;transition:width .3s ease;width:0}html[dir=ltr] .offer-item:before{background:linear-gradient(90deg,#1a5f4a08,#0000);left:0;right:auto}.offer-item:hover{border-color:var(--primary-color);box-shadow:0 12px 32px #1a5f4a1f;transform:translateY(-3px)}.offer-item:hover:before{width:100%}.offer-type-badge{border-radius:10px;display:flex;flex-shrink:0;font-size:12px;gap:6px;padding:8px 12px}.offer-type-badge svg{height:16px;width:16px}.offer-type-badge[data-type=villa]{background:#10b9811f;color:#059669}.offer-type-badge[data-type=apartment]{background:#3b82f61f;color:#2563eb}.offer-type-badge[data-type=land]{background:#f59e0b1f;color:#d97706}.offer-info{flex:1 1;min-width:0}.offer-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-meta{font-size:12px;gap:12px}.offer-meta svg{height:14px;width:14px}.offer-meta .location svg{color:var(--primary-color)}.offer-price{flex-shrink:0;text-align:left}html[dir=rtl] .offer-price{text-align:right}.offer-price .price{color:var(--primary-color);display:block;font-size:14px;font-weight:700;margin-bottom:4px;white-space:nowrap}.offer-price .status{border-radius:12px;font-size:10px;font-weight:600;padding:3px 8px}.status.available{background:#10b9811f;color:#059669}.status.sold{background:#ef44441f;color:#dc2626}.status.reserved{background:#f59e0b1f;color:#d97706}.offer-time{color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.requests-list{gap:12px}.request-item{grid-gap:18px;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000005;display:grid;gap:18px;grid-template-columns:auto 1fr auto;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-item:before{background:linear-gradient(90deg,#0000,#c4a35a0d);content:"";height:100%;position:absolute;right:0;top:0;transition:width .3s ease;width:0}html[dir=ltr] .request-item:before{background:linear-gradient(90deg,#c4a35a0d,#0000);left:0;right:auto}.request-item:hover{border-color:var(--secondary-color);box-shadow:0 12px 32px #c4a35a26;transform:translateY(-3px)}.request-item:hover:before{width:100%}.client-avatar{background:linear-gradient(135deg,var(--secondary-color),#dab76a);border-radius:14px;box-shadow:0 4px 12px #c4a35a4d;flex-shrink:0;font-weight:700;transition:transform .3s ease}.request-item:hover .client-avatar{transform:scale(1.1) rotate(5deg)}.request-info{flex:1 1;min-width:0}.request-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.request-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:4px}.request-meta span{align-items:center;display:flex;gap:4px}.request-meta svg{height:14px;width:14px}.budget{background:#1a5f4a14;border-radius:10px;color:var(--primary-color);display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.request-status{flex-shrink:0;text-align:left}html[dir=rtl] .request-status{text-align:right}.request-status .status{border-radius:12px;display:block;font-size:10px;font-weight:600;margin-bottom:4px;padding:4px 10px}.status.new{background:#3b82f61f;color:#2563eb}.status.contacted{background:#10b9811f;color:#059669}.status.inProgress{background:#f59e0b1f;color:#d97706}.request-status .time{color:var(--text-muted);font-size:11px}.quick-actions{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-bottom:24px;padding:24px}@media (max-width:600px){.quick-actions{border-radius:14px;margin-bottom:16px;padding:16px}}.quick-actions h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:20px}@media (max-width:600px){.quick-actions h3{font-size:15px;margin-bottom:14px}}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.actions-grid{gap:10px}}.action-card{align-items:center;background:linear-gradient(145deg,var(--background-color) 0,#1a5f4a08 100%);border:2px solid #0000;border-radius:16px;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:28px 18px;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1)}@media (max-width:600px){.action-card{border-radius:12px;gap:10px;padding:16px 10px}}@media (max-width:400px){.action-card{gap:8px;padding:14px 8px}}.action-card:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover{border-color:var(--primary-color);box-shadow:0 16px 40px #1a5f4a40;transform:translateY(-6px)}.action-card:hover:before{opacity:1}.action-card:hover .action-icon{background:#ffffff40;color:#fff;transform:scale(1.1) rotate(5deg)}.action-card:hover span{color:#fff}.action-icon{align-items:center;background:#1a5f4a1a;border-radius:16px;color:var(--primary-color);display:flex;height:60px;justify-content:center;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:60px;z-index:1}@media (max-width:600px){.action-icon{border-radius:12px;height:44px;width:44px}}@media (max-width:400px){.action-icon{border-radius:10px;height:38px;width:38px}}.action-icon svg{height:26px;width:26px}@media (max-width:600px){.action-icon svg{height:20px;width:20px}}@media (max-width:400px){.action-icon svg{height:18px;width:18px}}.action-card span{color:var(--text-primary);font-size:14px;font-weight:600;text-align:center;transition:all .2s ease}@media (max-width:600px){.action-card span{font-size:12px}}@media (max-width:400px){.action-card span{font-size:11px}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.stats-grid{gap:16px}.actions-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{gap:14px}.stat-card{padding:20px}.stat-icon{height:52px;width:52px}.stat-content h3{font-size:26px}}@media (max-width:768px){.dashboard-page{padding:0}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.page-header{align-items:stretch;flex-direction:column;gap:12px}.welcome-section h1{font-size:20px}.welcome-section p{font-size:13px}.header-actions{width:100%}.header-actions .btn{justify-content:center;padding:12px 20px;width:100%}.offer-item{gap:10px;grid-template-columns:1fr}.offer-price{align-items:center;display:flex;justify-content:space-between;text-align:right}html[dir=ltr] .offer-price{text-align:left}.request-item{gap:10px;grid-template-columns:1fr}.actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.action-card{padding:18px 14px}.action-icon{height:46px;width:46px}.action-icon svg{height:22px;width:22px}.action-card span{font-size:12px}.stat-card{gap:12px;padding:16px 14px}.stat-icon{height:46px;width:46px}.stat-icon svg{height:22px;width:22px}.stat-content h3{font-size:22px}.stat-content p{font-size:12px}.stat-trend{font-size:11px;padding:2px 6px}.quick-actions{padding:16px}.quick-actions h3{font-size:16px;margin-bottom:14px}.dashboard-section{padding:16px}.section-header h2{font-size:15px}.view-all{font-size:12px;padding:5px 10px}.offer-info h4,.request-info h4{font-size:13px}.offer-meta,.request-meta{font-size:11px;gap:8px}.offer-price .price{font-size:13px}.budget{font-size:10px;padding:2px 6px}}@media (max-width:480px){.dashboard-page{padding:0}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;gap:10px;padding:14px 12px;text-align:center}.stat-card:before{height:3px;left:0;right:0;top:0;width:100%}.stat-icon{height:42px;width:42px}.stat-icon svg{height:20px;width:20px}.stat-content{text-align:center}.stat-content h3{font-size:20px}.stat-content p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-trend{font-size:10px;margin-top:6px;padding:2px 5px}.actions-grid{gap:10px;grid-template-columns:1fr 1fr}.action-card{gap:10px;padding:14px 10px}.action-icon{height:40px;width:40px}.action-icon svg{height:20px;width:20px}.action-card span{font-size:11px;line-height:1.3}.offer-type-badge{font-size:10px;padding:5px 8px}.offer-type-badge svg{height:14px;width:14px}.client-avatar{font-size:14px;height:38px;width:38px}.dashboard-section{border-radius:14px;padding:14px}.section-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:10px}.section-header h2{font-size:14px;gap:6px}.section-header h2 svg{height:18px;width:18px}.view-all{font-size:11px;padding:4px 8px}.offers-list,.requests-list{gap:10px}.offer-item,.request-item{border-radius:12px;gap:8px;padding:12px}.offer-info h4{font-size:12px;margin-bottom:3px}.offer-meta{flex-wrap:wrap;gap:6px}.offer-meta span{font-size:10px}.offer-meta svg{height:12px;width:12px}.offer-price{align-items:flex-start;flex-direction:column;gap:4px}.offer-price .price{font-size:12px}.offer-price .status{font-size:9px;padding:2px 6px}.offer-time{font-size:10px;margin-top:4px}.request-info h4{font-size:12px}.request-meta{font-size:10px;gap:6px}.request-meta svg{height:12px;width:12px}.budget{font-size:9px;padding:2px 5px}.request-status .status{font-size:9px;padding:3px 8px}.request-status .time{font-size:10px}.quick-actions{border-radius:14px;margin-bottom:16px;padding:14px}.quick-actions h3{font-size:15px;margin-bottom:12px}.welcome-section h1{font-size:18px}.welcome-section p{font-size:12px}.header-actions .btn{font-size:13px;padding:10px 16px}.dashboard-grid,.page-header{margin-bottom:16px}.dashboard-grid{gap:16px}}@media (max-width:360px){.stats-grid{gap:8px;grid-template-columns:1fr}.stat-card{flex-direction:row;padding:12px;text-align:right}html[dir=ltr] .stat-card{text-align:left}.stat-content{flex:1 1;text-align:right}html[dir=ltr] .stat-content{text-align:left}.stat-content h3{font-size:18px}.actions-grid{gap:8px;grid-template-columns:1fr}.action-card{flex-direction:row;gap:12px;justify-content:flex-start;padding:12px 14px}.section-header h2{font-size:13px}}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-content.small{max-width:450px}.modal-header{padding:24px}.modal-header h2{font-size:20px}.modal-close:hover{background:#ef44441a;color:#ef4444}.modal-body{max-height:calc(90vh - 180px);overflow-x:hidden}.modal-footer{padding:20px 24px}.add-method-tabs{border-radius:12px;padding:6px}.add-method-tabs button{background:#0000;border-radius:8px;font-weight:500}.add-method-tabs button:hover{background:#1a5f4a0d;color:var(--text-primary)}.add-method-tabs button.active{background:var(--primary-color);box-shadow:0 4px 12px #1a5f4a4d;color:#fff}.offer-form{gap:20px}.form-section h3{border-bottom:2px solid var(--primary-color);display:inline-block}.form-row{grid-gap:16px;display:grid}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}.form-group{gap:8px}.form-control{background:var(--background-color);border-radius:10px}.form-control:focus{box-shadow:0 0 0 4px #1a5f4a1a}.form-control::placeholder{color:var(--text-muted)}.upload-area{align-items:center;background:var(--background-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;position:relative;transition:all .2s ease}.upload-area:hover{background:#1a5f4a0d}.upload-area svg{color:var(--text-secondary)}.upload-area p{font-size:14px;font-weight:500;margin:0}.upload-area span{color:var(--text-secondary)}.upload-area input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-area.large{padding:48px}.upload-area.large h3{color:var(--text-primary);font-weight:600;margin:0}.checkbox-label input[type=checkbox]{cursor:pointer}.checkbox-label span{color:var(--text-primary);font-size:14px}.excel-upload{display:flex;flex-direction:column;gap:20px}.template-download{display:flex;justify-content:center}.ai-entry{display:flex;flex-direction:column;gap:20px}.ai-header{background:linear-gradient(135deg,#1a5f4a1a,#c4a35a1a);border-radius:12px;padding:20px;text-align:center}.ai-header svg{color:var(--primary-color)}.ai-header h3{color:var(--text-primary);font-weight:600}.ai-header p{font-size:14px;margin:0}.ai-entry .btn{align-self:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 4px 12px #1a5f4a4d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #1a5f4a66;transform:translateY(-2px)}.btn-secondary{background:var(--secondary-color);box-shadow:0 4px 12px #c4a35a4d;color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #c4a35a66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:#1a5f4a0d;border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn:disabled{transform:none!important}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content{animation:slideUpMobile .35s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 0 0;margin:0;max-height:90vh}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.form-row.four-cols,.form-row.three-cols,.form-row.two-cols{grid-template-columns:1fr}.add-method-tabs{flex-direction:column;gap:6px}.add-method-tabs button{font-size:13px;padding:10px 14px}.modal-header{padding:16px}.modal-header h2{font-size:18px;gap:10px}.modal-header h2 svg{height:22px;width:22px}.modal-close{height:36px;width:36px}.modal-body{padding:16px}.modal-footer{flex-direction:column;gap:10px;padding:14px 16px}.modal-footer .btn{padding:12px 20px;width:100%}.form-group label{font-size:12px}.form-control{font-size:14px;padding:10px 14px}.form-section h3{font-size:14px;margin-bottom:12px}.upload-area{padding:24px}.upload-area.large{padding:32px}.upload-area p{font-size:13px}.upload-area span{font-size:11px}.ai-header h3{font-size:16px}.ai-header p,.checkbox-label span{font-size:13px}}@media (max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:16px 16px 0 0;max-height:95vh}.modal-header{padding:14px}.modal-header h2{font-size:16px;gap:8px}.modal-header h2 svg{height:20px;width:20px}.modal-close{height:32px;padding:8px;width:32px}.modal-body{padding:14px}.form-row{gap:12px}.form-group{gap:6px}.form-group label{font-size:11px}.form-control{border-radius:8px;font-size:13px;padding:10px 12px}textarea.form-control{min-height:80px}.add-method-tabs{margin-bottom:16px;padding:4px}.add-method-tabs button{font-size:12px;gap:6px;padding:8px 12px}.add-method-tabs button svg{height:16px;width:16px}.form-section{margin-bottom:16px}.form-section h3{font-size:13px;margin-bottom:10px;padding-bottom:6px}.upload-area{gap:8px;padding:20px}.upload-area svg{height:28px;width:28px}.upload-area.large{padding:24px}.upload-area.large svg{height:36px;width:36px}.upload-area.large h3{font-size:14px}.ai-header{padding:16px}.ai-header svg{height:20px;width:20px}.ai-header h3{font-size:14px;margin-bottom:4px}.ai-header p{font-size:12px}.ai-textarea{min-height:120px}.checkbox-group{margin-top:4px}.checkbox-label{gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.checkbox-label span{font-size:12px}.modal-footer{gap:8px;padding:12px 14px}.modal-footer .btn{font-size:13px;padding:10px 16px}}button.action-card{cursor:pointer;font-family:inherit}.dark-theme .stat-card h3{color:#f1f5f9}.dark-theme .action-card{background:#1e293b;border-color:#334155}.dark-theme .action-card:hover{background:#2d3a4f}.dark-theme .action-card h3,.dark-theme .chart-card h3{color:#f1f5f9}.dark-theme .activity-card{background:#1e293b;border-color:#334155}.dark-theme .activity-card h3{color:#f1f5f9}.dark-theme .activity-item{border-color:#334155}.dark-theme .activity-content h4{color:#f1f5f9}.dark-theme .ai-modal .ai-header{background:linear-gradient(135deg,#1a5f4a,#0f3d2e)}.dark-theme .ai-textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .checkbox-label span{color:#94a3b8}.limit-badge{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-full);display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.limit-badge.size-small{font-size:11px;gap:4px;padding:3px 8px}.limit-badge.size-medium{font-size:13px;gap:6px;padding:6px 12px}.limit-badge.size-large{font-size:14px;gap:8px;padding:8px 16px}.limit-badge .limit-value{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:4px}.limit-badge .limit-value .current{color:var(--primary-color)}.limit-badge .limit-value .separator{color:var(--text-muted);margin:0 1px}.limit-badge .limit-value .total{color:var(--text-secondary)}.limit-badge.warning{background:#fef3c7;border-color:#fcd34d}.limit-badge.warning .limit-value .current{color:#b45309}.limit-badge.critical{background:#fee2e2;border-color:#fca5a5}.limit-badge.critical .limit-value .current,.limit-badge.critical svg{color:#dc2626}.limit-progress{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:40px}.limit-badge.size-medium .limit-progress{height:5px;width:50px}.limit-badge.size-large .limit-progress{height:6px;width:60px}.limit-progress-bar{background:var(--primary-color);border-radius:2px;height:100%;transition:width .3s ease}.limit-badge.warning .limit-progress-bar{background:#f59e0b}.limit-badge.critical .limit-progress-bar{background:#dc2626}.dark-theme .limit-badge{background:#1e293b;border-color:#334155}.dark-theme .limit-badge .limit-value{color:#f1f5f9}.dark-theme .limit-badge.warning{background:#f59e0b26;border-color:#f59e0b4d}.dark-theme .limit-badge.critical{background:#ef444426;border-color:#ef44444d}.dark-theme .limit-progress{background:#334155}.offers-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px}.offers-grid{grid-gap:28px;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.offer-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.offer-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease;z-index:10}.offer-card:hover{box-shadow:0 30px 60px #1a5f4a33;transform:translateY(-10px)}.offer-card:hover:before{transform:scaleX(1)}.offer-image:after{background:linear-gradient(0deg,#00000080,#0000);bottom:0;content:"";height:100px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.offer-card:hover .offer-image:after{opacity:1}.offer-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.offer-badges{display:flex;flex-direction:column;gap:10px;position:absolute;right:14px;top:14px}html[dir=ltr] .offer-badges{left:14px;right:auto}.status-badge,.type-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:24px;box-shadow:0 4px 16px #0003;font-size:12px;font-weight:700;padding:8px 16px}.network-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:50%;box-shadow:0 4px 12px #1a5f4a66;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;left:14px;position:absolute;top:14px;transition:all .3s ease;width:38px}.network-badge:hover{box-shadow:0 6px 16px #1a5f4a80;transform:scale(1.15)}html[dir=ltr] .network-badge{left:auto;right:14px}.offer-content{padding:24px}.offer-content h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;line-height:1.5;margin-bottom:12px;overflow:hidden}.offer-location{color:var(--text-secondary);font-weight:500;gap:8px;margin-bottom:18px}.offer-location svg{color:var(--primary-color)}.offer-details{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:20px;padding:16px 0}.detail{font-size:14px;gap:8px}.offer-footer{align-items:center;display:flex;justify-content:space-between;padding-top:18px}.offer-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:26px;position:relative}.offer-price:after{background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50%}.offer-price span{-webkit-text-fill-color:var(--text-muted);color:var(--text-muted);font-size:13px;font-weight:500}.offer-actions{display:flex;gap:8px}.action-btn{border-radius:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.action-btn:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.action-btn:hover{box-shadow:0 6px 16px #1a5f4a4d;transform:scale(1.15) rotate(5deg)}.action-btn:hover:before{opacity:1}.action-btn:hover svg{color:#fff;position:relative;z-index:1}.action-btn.delete:hover:before{background:linear-gradient(135deg,var(--danger-color),#c82333)}.action-btn.active{background:var(--primary-color);color:#fff}.action-btn.active svg{color:#fff}.action-btn.active:hover{background:var(--primary-dark)}.offer-list-item{grid-gap:20px;align-items:center;background:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;gap:20px;grid-template-columns:120px 1fr auto auto;padding:16px;transition:all .2s ease}.offer-list-item:hover{box-shadow:var(--shadow-md)}.offer-image-small{border-radius:var(--radius-sm);height:80px;overflow:hidden;width:120px}.offer-image-small img{height:100%;object-fit:cover;width:100%}.offer-info h3{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:8px}.offer-badges-inline{display:flex;gap:8px;margin-bottom:8px}.offer-badges-inline .status-badge,.offer-badges-inline .type-badge{font-size:11px;padding:4px 10px}.offer-meta{color:var(--text-secondary);font-size:13px;gap:16px}.offer-price-col{text-align:left}html[dir=rtl] .offer-price-col{text-align:right}.offer-price-col .price{color:var(--primary-color);display:block;font-size:18px;font-weight:700}.offer-price-col .period{color:var(--text-muted);font-size:12px}.offer-actions-col{display:flex;gap:8px}.modal-content.large{max-width:800px}.modal-content.small{max-width:480px}.add-method-tabs{background:var(--background-color);border-radius:var(--radius-md);display:flex;gap:8px;margin-bottom:24px;padding:4px}.add-method-tabs button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.add-method-tabs button:hover{color:var(--primary-color)}.add-method-tabs button.active{background:var(--surface-color);box-shadow:var(--shadow-sm);color:var(--primary-color)}.offer-form{flex-direction:column}.form-row,.offer-form{display:flex;gap:16px}.form-row.four-cols .form-group,.form-row.three-cols .form-group,.form-row.two-cols .form-group{flex:1 1}.form-control:focus{box-shadow:0 0 0 3px #1a5f4a1a}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:32px;text-align:center;transition:all .3s ease}.upload-area:hover{background:#1a5f4a05;border-color:var(--primary-color)}.upload-area svg{color:var(--primary-color);margin-bottom:12px}.upload-area p{color:var(--text-primary);font-weight:600;margin-bottom:4px}.upload-area span{color:var(--text-muted);font-size:12px}.upload-area.large{padding:60px 32px}.upload-area.large svg{margin-bottom:20px}.upload-area.large h3{font-size:18px;margin-bottom:8px}.upload-area input[type=file]{display:none}.checkbox-group{margin-top:8px}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);height:20px;width:20px}.excel-upload{text-align:center}.template-download{margin-top:24px}.ai-entry{text-align:center}.ai-header{margin-bottom:24px}.ai-header svg{color:var(--secondary-color);margin-bottom:12px}.ai-header h3{font-size:18px;margin-bottom:8px}.ai-header p{color:var(--text-secondary)}.ai-textarea{margin-bottom:20px;min-height:150px}.delete-preview{border-radius:var(--radius-md);gap:16px}.delete-preview img{border-radius:var(--radius-sm);height:60px;object-fit:cover;width:80px}@media (max-width:1200px){.offers-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:992px){.page-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{width:100%}.header-actions .btn{flex:1 1}}@media (max-width:768px){.offer-list-item,.offers-grid{grid-template-columns:1fr}.offer-image-small{height:160px;width:100%}.add-method-tabs,.form-row{flex-direction:column}.offer-card{border-radius:14px}.offer-image{height:180px}.offer-content{padding:18px}.offer-price{font-size:20px}.offer-actions .action-btn{height:42px;min-height:42px;min-width:42px;width:42px}.offer-actions .action-btn svg{height:18px;width:18px}}@media (max-width:480px){.page-header{padding:12px 14px}.header-title h1{font-size:18px}.offer-details{flex-wrap:wrap;gap:12px}.offer-footer{align-items:flex-start;flex-direction:column;gap:12px}.offer-actions{justify-content:flex-end;width:100%}}.uploaded-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.preview-item{border-radius:var(--radius-sm);height:80px;overflow:hidden;position:relative;width:80px}.preview-item img{height:100%;object-fit:cover;width:100%}.preview-item button{align-items:center;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:transform .2s ease;width:22px}.preview-item button:hover{transform:scale(1.1)}.preview-item.video-preview{align-items:center;background:#000;display:flex;justify-content:center}.preview-item.video-preview video{height:100%;object-fit:cover;width:100%}.preview-item .video-badge{background:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:10px;left:4px;padding:2px 6px;position:absolute}.upload-area.cover-upload{background:#1a5f4a0d;border-color:var(--primary-color)}.preview-item.cover-preview{height:150px;position:relative;width:200px}.preview-item .cover-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:10px;font-weight:600;left:4px;padding:2px 6px;position:absolute;top:4px}html[dir=rtl] .preview-item .cover-badge{left:auto;right:4px}.more-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px}.more-menu button{gap:10px;padding:12px 16px}.view-offer-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.view-offer-image{border-radius:var(--radius-lg);height:300px;overflow:hidden;position:relative}.view-offer-image img{height:100%;object-fit:cover;width:100%}.view-badges{display:flex;flex-direction:column;gap:8px;position:absolute;right:12px;top:12px}html[dir=ltr] .view-badges{left:12px;right:auto}.view-offer-details h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:12px}.view-location{align-items:center;color:var(--text-secondary);display:flex;gap:8px;margin-bottom:16px}.view-location svg{color:var(--primary-color)}.view-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin-bottom:20px}.view-specs{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:20px;margin-bottom:20px;padding:16px 0}.spec-item{color:var(--text-secondary);gap:8px}.spec-item svg{color:var(--primary-color)}.view-description h4,.view-features h4{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:10px}.view-description p{color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.features-list{gap:8px}.feature-tag{background:#1a5f4a1a;color:var(--primary-color);font-size:13px;padding:6px 14px}.view-images-gallery,.view-videos-gallery{margin-bottom:20px}.view-images-gallery h4,.view-videos-gallery h4{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:12px}.images-grid,.videos-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-item{aspect-ratio:4/3;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;position:relative}.gallery-item img,.gallery-item video{cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.05)}.gallery-item.video:after{align-items:center;background:#0009;border-radius:50%;color:#fff;content:"▶";display:flex;font-size:14px;height:40px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@media (max-width:768px){.view-offer-content{grid-template-columns:1fr}.view-offer-image{height:200px}}.dark-theme .offer-card{background:#1e293b;border-color:#334155}.dark-theme .offer-card:hover{border-color:var(--primary-color);box-shadow:0 30px 60px #0006}.dark-theme .offer-info{background:#1e293b}.dark-theme .offer-info h3{color:#f1f5f9}.dark-theme .offer-detail{color:#94a3b8}.dark-theme .price{color:var(--primary-color)}.dark-theme .price .currency{color:#64748b}.dark-theme .offer-footer{background:#1e293b;border-color:#334155}.dark-theme .header-title svg{background:#2d8b6e33}.dark-theme .status-badge,.dark-theme .type-badge{background:#0009;border-color:#ffffff1a}.dark-theme .form-control::placeholder{color:#64748b}.dark-theme .upload-area{background:#0f172a;border-color:#334155}.dark-theme .upload-area:hover{background:#2d8b6e1a;border-color:var(--primary-color)}.dark-theme .add-method-tabs{background:#0f172a}.dark-theme .add-method-tabs button.active{background:#1e293b}.dark-theme .delete-preview{background:#0f172a}.dark-theme .more-menu{background:#1e293b;border-color:#334155}.dark-theme .more-menu button:hover{background:#334155}.dark-theme .feature-tag{background:#2d8b6e33}.dark-theme .gallery-item{background:#0f172a;border-color:#334155}.dark-theme .action-btn:hover{box-shadow:0 6px 16px #0000004d}.dark-theme .offers-page .modal-content{background:#1e293b;border:1px solid #334155}.dark-theme .offers-page .modal-header{border-color:#334155}.dark-theme .offers-page .modal-header h2{color:#f1f5f9}.dark-theme .offers-page .modal-close{background:#0f172a;color:#94a3b8}.dark-theme .offers-page .modal-body{background:#1e293b}.dark-theme .offers-page .modal-footer{background:#1e293b;border-color:#334155}.requests-matching-page{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px}.page-tabs{-webkit-overflow-scrolling:touch;background:var(--surface-color);border-radius:12px;display:flex;gap:8px;margin-bottom:24px;max-width:100%;overflow-x:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.page-tabs::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--primary-color);color:#fff}.tab-btn .tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.tab-btn:not(.active) .tab-count{background:var(--bg-tertiary)}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:24px;transition:all .3s ease}.request-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.request-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.client-info{gap:16px}.client-avatar,.client-info{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.client-avatar.large{font-size:24px;height:64px;width:64px}.client-details h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.client-contact{display:flex;flex-wrap:wrap;gap:16px}.client-contact span{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.request-status-col{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{padding:6px 16px}.status-new{background:#3b82f61a;color:#3b82f6}.status-contacted{background:#22c55e1a;color:#22c55e}.status-progress{background:#f973161a;color:#f97316}.status-completed{background:#10b9811a;color:#10b981}.status-cancelled{background:#ef44441a;color:#ef4444}.matching-badge{align-items:center;background:#8b5cf61a;border-radius:12px;color:#8b5cf6;display:flex;font-size:12px;gap:6px;padding:4px 12px}.request-content{margin-bottom:20px}.request-type{align-items:center;background:var(--background-color);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;max-width:100%;padding:10px 16px;width:-webkit-fit-content;width:fit-content}.request-type svg{color:var(--primary-color);flex-shrink:0}.request-details{display:flex;flex-wrap:wrap;gap:12px}.request-details .detail{align-items:center;background:var(--background-color);border-radius:8px;display:flex;flex-shrink:0;font-size:13px;gap:8px;padding:8px 14px}.request-details .detail .label,.request-details .detail svg{color:var(--text-secondary)}.requirements{word-wrap:break-word;background:var(--background-color);border-radius:12px;border-right:4px solid var(--primary-color);margin-top:16px;overflow-wrap:break-word;padding:16px}.requirements strong{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px}.requirements p{color:var(--text-primary);line-height:1.6}.request-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;padding-top:20px}.action-btn{border:1px solid var(--border-color);flex-shrink:0;min-height:44px;min-width:44px}.action-btn svg{flex-shrink:0;height:20px;width:20px}.action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #1a5f4a4d;transform:translateY(-2px)}.matching-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{border:1px solid var(--border-color);border-radius:16px;gap:16px;padding:20px}.stat-icon{border-radius:12px;height:56px;width:56px}.stat-icon.excellent{background:linear-gradient(135deg,#10b98133,#10b9810d);color:#10b981}.stat-icon.good{background:linear-gradient(135deg,#3b82f633,#3b82f60d);color:#3b82f6}.stat-icon.pending{background:linear-gradient(135deg,#f9731633,#f973160d);color:#f97316}.stat-info{display:flex;flex-direction:column}.stat-value{font-weight:700}.toggle-filter{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.toggle-filter input{accent-color:var(--primary-color);height:18px;width:18px}.matches-list{display:flex;flex-direction:column;gap:20px}.match-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:24px;overflow:hidden;padding:24px;transition:all .3s ease}.match-card:hover{box-shadow:var(--shadow-lg)}.match-score{padding:0 20px}.match-score,.score-circle{align-items:center;display:flex;justify-content:center}.score-circle{border:4px solid;border-radius:50%;flex-direction:column;height:100px;width:100px}.score-circle.score-excellent{background:#10b9811a;border-color:#10b981}.score-circle.score-good{background:#3b82f61a;border-color:#3b82f6}.score-circle.score-fair{background:#f973161a;border-color:#f97316}.score-circle.score-low{background:#ef44441a;border-color:#ef4444}.score-value{color:var(--text-primary);font-size:24px;font-weight:700}.score-label{color:var(--text-secondary);font-size:11px}.match-content{flex:1 1}.match-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin-bottom:20px}.match-section{background:var(--bg-tertiary);border-radius:16px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h4{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase}.view-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.view-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.client-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.client-row h5{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.client-row .phone{color:var(--text-secondary);font-size:13px}.match-request-details,.offer-details{display:flex;flex-direction:column;gap:10px}.match-request-details .detail,.offer-details .detail{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:10px}.match-request-details .detail svg,.offer-details .detail svg{color:var(--text-secondary)}.offer-details .detail.highlight{color:var(--primary-color);font-weight:600}.offer-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.match-connector{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.connector-line{background:linear-gradient(to bottom,#0000,var(--primary-color),#0000);height:40px;width:2px}.connector-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin:8px 0;width:40px}.matching-criteria{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px}.criteria-label{color:var(--text-secondary);font-size:13px;font-weight:500}.criteria-list{display:flex;flex-wrap:wrap;gap:8px}.criteria-tag{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.criteria-tag.matched{background:#10b9811a;color:#10b981}.criteria-tag.not-matched{background:#ef44441a;color:#ef4444}.match-actions{display:flex;gap:12px}.form-section h3{font-weight:600;padding-bottom:8px}.checkbox-group,.checkbox-label{align-items:center;display:flex}.checkbox-label{cursor:pointer;font-size:14px;gap:10px}.checkbox-label input{accent-color:var(--primary-color);height:18px;width:18px}.message-templates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.template-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.template-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.template-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.contact-client-info{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.contact-client-info h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.contact-client-info p{color:var(--text-secondary);font-size:14px}@media (max-width:1200px){.matching-stats{grid-template-columns:repeat(2,1fr)}.offer-detail-grid{gap:12px}}@media (max-width:1024px){.match-sections{grid-template-columns:1fr}.match-connector{flex-direction:row;padding:10px 0}.connector-line{height:2px;width:40px}.match-card{flex-direction:column}.match-score{border-bottom:1px solid var(--border-color);padding:0 0 16px}.score-circle{height:80px;width:80px}.score-value{font-size:20px}.request-card{padding:20px}.client-avatar.large{font-size:20px;height:56px;width:56px}}@media (max-width:768px){.requests-matching-page{padding:16px}.page-tabs{flex-wrap:wrap;width:100%}.tab-btn{flex:1 1;justify-content:center;min-width:calc(50% - 4px);padding:12px 16px}.tab-btn span:not(.tab-count){display:none}.form-row.three-cols,.form-row.two-cols{grid-template-columns:1fr}.matching-criteria{align-items:flex-start}.matching-criteria,.request-header{flex-direction:column}.request-status-col{align-items:center;flex-direction:row;width:100%}.match-actions{flex-direction:column}.match-actions .btn{width:100%}.matching-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.stat-value{font-size:24px}.offer-detail-grid{grid-template-columns:1fr}.request-card{border-radius:12px;padding:16px}.client-info{gap:12px}.client-avatar{font-size:16px;height:44px;width:44px}.client-avatar.large{font-size:18px;height:48px;width:48px}.client-details h3{font-size:16px}.client-contact{flex-direction:column;gap:8px}.request-details{gap:8px}.request-details .detail{font-size:12px;padding:6px 10px}.requirements{padding:12px}.request-actions{gap:8px}.match-section{padding:16px}.message-templates{gap:6px}.template-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.requests-matching-page{padding:12px}.page-tabs{gap:4px;padding:4px}.tab-btn{font-size:13px;padding:10px 12px}.request-card{padding:14px}.client-avatar{font-size:14px;height:40px;width:40px}.client-avatar.large{font-size:16px;height:44px;width:44px}.client-details h3{font-size:15px}.client-contact span,.status-badge{font-size:12px}.status-badge{padding:4px 12px}.request-type{font-size:13px;padding:8px 12px}.request-details .detail{justify-content:space-between;width:100%}.requirements strong{font-size:12px}.requirements p{font-size:13px}.action-btn{height:36px;width:36px}.score-circle{height:70px;width:70px}.score-value{font-size:18px}.criteria-tag{font-size:11px;padding:4px 10px}.stat-card{gap:12px;padding:14px}.stat-icon{height:44px;width:44px}.stat-value{font-size:22px}.stat-label{font-size:12px}.contact-client-info{gap:12px;padding:16px}.contact-client-info h3{font-size:16px}.detail-item{padding:12px}.detail-item .label{font-size:11px}.detail-item .value{font-size:14px}.offer-detail-view h3{font-size:18px}.offer-type-badge{font-size:13px;padding:6px 14px}}.more-menu-container{position:relative}.more-menu{animation:fadeInDown .2s ease;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:100}html[dir=rtl] .more-menu{left:auto;right:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.more-menu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:14px 18px;transition:background .2s ease;width:100%}.more-menu button:hover{background:var(--background-color)}.more-menu button svg{color:var(--primary-color);height:16px;width:16px}.more-menu button.delete-option,.more-menu button.delete-option svg{color:var(--danger-color)}.more-menu button.delete-option:hover{background:#ef44441a}.menu-item-with-submenu{position:relative}.menu-item-with-submenu>button{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-item-with-submenu>button .arrow{color:var(--text-muted);font-size:10px;margin-left:8px;margin-right:auto}html[dir=ltr] .menu-item-with-submenu>button .arrow{margin-left:auto;margin-right:8px;transform:rotate(180deg)}.status-submenu{animation:fadeInLeft .2s ease;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-right:4px;min-width:150px;overflow:hidden;position:absolute;right:100%;top:0}html[dir=ltr] .status-submenu{left:100%;margin-left:4px;margin-right:0;right:auto}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.status-submenu button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:12px 16px;transition:background .2s ease;width:100%}.status-submenu button:hover{background:var(--background-color)}.status-submenu button.active{background:#1a5f4a1a;color:var(--primary-color);font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-dot.new{background:#3b82f6}.status-dot.contacted{background:#f59e0b}.status-dot.progress{background:#8b5cf6}.status-dot.completed{background:#10b981}.status-dot.cancelled{background:#ef4444}.modal-content.small{max-width:420px}.delete-message{color:var(--text-primary);font-size:15px;margin-bottom:20px}.delete-preview{align-items:center;background:var(--background-color);border-radius:12px;display:flex;gap:14px;padding:16px}.delete-preview h4{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.delete-preview p{color:var(--text-secondary);font-size:13px}.offer-detail-view{padding:10px 0}.offer-detail-view h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:12px}.offer-type-badge{align-items:center;background:#1a5f4a1a;border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.offer-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.detail-item{align-items:flex-start;background:var(--background-color);border-radius:12px;gap:12px;padding:16px}.detail-item svg{margin-top:2px}.detail-item .label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:4px}.detail-item .value{color:var(--text-primary);display:block;font-size:15px;font-weight:600}.detail-item.highlight{background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d)}.detail-item.highlight .value{color:var(--primary-color);font-size:18px}.offer-description{margin-bottom:20px}.offer-description h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.offer-description p{color:var(--text-secondary);font-size:14px;line-height:1.6}.match-score-display{align-items:center;background:var(--background-color);border-radius:12px;display:flex;justify-content:space-between;padding:16px}.match-score-display span{color:var(--text-secondary);font-size:14px}.score-badge{border-radius:20px;font-size:16px;font-weight:700;padding:8px 16px}.score-badge.score-excellent{background:#10b98126;color:#10b981}.score-badge.score-good{background:#3b82f626;color:#3b82f6}.score-badge.score-fair{background:#f59e0b26;color:#f59e0b}.score-badge.score-low{background:#ef444426;color:#ef4444}.dark-theme .page-tabs{background:#1e293b}.dark-theme .tab-btn{color:#94a3b8}.dark-theme .tab-btn:hover{background:#334155;color:#f1f5f9}.dark-theme .tab-btn:not(.active) .tab-count{background:#334155}.dark-theme .request-card{background:#1e293b;border-color:#334155}.dark-theme .client-details h3{color:#f1f5f9}.dark-theme .request-details{background:#0f172a}.dark-theme .detail-item span:first-child{color:#94a3b8}.dark-theme .detail-item span:last-child{color:#f1f5f9}.dark-theme .match-card{background:#1e293b;border-color:#334155}.dark-theme .match-info h3{color:#f1f5f9}.dark-theme .match-score-display{background:#0f172a}.dark-theme .offer-description h4{color:#f1f5f9}.network-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px}.header-title h1{margin-bottom:2px}.header-title p{font-size:13px}.network-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.network-tabs button{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.network-tabs button:hover{border-color:var(--primary-color);color:var(--primary-color)}.network-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #1a5f4a40;color:#fff}.network-tabs button .count{background:#00000014;border-radius:10px;font-size:11px;padding:2px 8px}.network-tabs button.active .count{background:#ffffff40}.network-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.network-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 16px #0000000f;max-width:100%;min-width:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.network-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-light));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease;z-index:10}.network-card:hover{border-color:var(--primary-color);box-shadow:0 24px 48px #1a5f4a2e;transform:translateY(-8px) scale(1.01)}.network-card:hover:before{animation:gradient-slide 2s ease infinite;transform:scaleX(1)}@keyframes gradient-slide{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:14px 16px}.card-header,.marketer-info{align-items:center;display:flex}.marketer-info{gap:12px}.marketer-avatar{align-items:center;background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:14px;box-shadow:0 4px 14px #c4a35a59;color:#fff;display:flex;font-size:17px;font-weight:700;height:46px;justify-content:center;overflow:hidden;position:relative;width:46px}.marketer-avatar:before{background:linear-gradient(135deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.network-card:hover .marketer-avatar:before{transform:translateX(100%)}.marketer-avatar img{border-radius:12px;height:100%;object-fit:cover;width:100%}.marketer-details{display:flex;flex-direction:column}.marketer-name{color:var(--text-primary);font-size:14px;font-weight:600}.post-time{color:var(--text-muted);font-size:12px}.follow-btn{align-items:center;background:none;border:2px solid var(--primary-color);border-radius:24px;color:var(--primary-color);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;overflow:hidden;padding:10px 18px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.follow-btn:before{background:var(--primary-color);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .35s ease;z-index:-1}html[dir=ltr] .follow-btn:before{transform-origin:right}.follow-btn:hover{box-shadow:0 6px 18px #1a5f4a4d;color:#fff;transform:scale(1.05)}.follow-btn:hover:before{transform:scaleX(1)}.follow-btn.following{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.follow-btn svg{height:16px;width:16px}.own-offer-badge{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border:none;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.card-image{height:200px;overflow:hidden;position:relative}.card-image:before{background:linear-gradient(180deg,#0000 50%,#0009);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:1}.network-card:hover .card-image:before{opacity:1}.card-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.network-card:hover .card-image img{transform:scale(1.08)}.image-badges{display:flex;flex-direction:column;gap:8px;position:absolute;right:12px;top:12px}html[dir=ltr] .image-badges{left:12px;right:auto}.type-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 2px 8px #0000001f;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.type-badge svg{height:14px;width:14px}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:600}.card-content{padding:16px}.card-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:10px;overflow:hidden}.location{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:14px}.location svg{color:var(--primary-color);height:16px;width:16px}.details{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:16px;padding:12px 0}.detail{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:6px}.detail svg{color:var(--primary-color);height:16px;width:16px}.price-row{padding-top:14px}.price{color:var(--primary-color);font-size:22px;font-weight:700}.price span{color:var(--text-muted);font-size:12px;font-weight:500}.card-actions{align-items:center;background:var(--surface-color);border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;max-width:100%;overflow:hidden;padding:14px 16px}.card-actions .action-btn{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:1;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:0;padding:6px 8px;transition:all .2s ease}.card-actions .action-btn svg{flex-shrink:0;height:16px;width:16px}.card-actions .action-btn:hover{background:#1a5f4a1a;border-color:var(--primary-color);color:var(--primary-color)}.card-actions .action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:#0000;color:#fff;flex-basis:100%;font-size:13px;font-weight:600;justify-content:center;overflow:hidden;padding:10px 16px;position:relative;white-space:nowrap;width:100%}.card-actions .action-btn.primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.card-actions .action-btn.primary:hover:before{left:100%}.card-actions .action-btn.primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));border-color:#0000;box-shadow:0 6px 20px #1a5f4a4d;transform:translateY(-2px)}@media (max-width:900px){.network-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.network-grid{gap:16px;grid-template-columns:1fr}.network-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.network-tabs::-webkit-scrollbar{display:none}.network-tabs button{flex-shrink:0;font-size:12px;padding:8px 14px}.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.card-actions{flex-wrap:wrap}.card-actions .action-btn{font-size:12px;padding:8px 10px}.card-actions .action-btn.primary{justify-content:center;margin:8px 0 0;width:100%}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.follow-btn{justify-content:center;width:100%}.card-image{height:160px}.price{font-size:18px}}@media (max-width:480px){.page-header{padding:12px 14px}.header-title h1{font-size:18px}.network-card{border-radius:14px}.card-content{padding:14px}.card-content h3{font-size:14px}.details{flex-wrap:wrap;gap:10px}}.card-actions .action-btn.liked{background:#ef44441a;border-color:#ef4444;color:#ef4444}.card-actions .action-btn.liked:hover{background:#ef444433}.modal-content{border-radius:20px;display:flex;flex-direction:column}.modal-header{padding:20px}.modal-header h2{gap:10px}.modal-body{max-height:60vh;padding:20px}.offer-preview-mini{align-items:center;background:var(--background-color);border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:14px}.offer-preview-mini img{border-radius:8px;height:50px;object-fit:cover;width:70px}.offer-preview-mini h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.offer-preview-mini p{color:var(--text-secondary);font-size:12px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:300px;overflow-y:auto}.no-comments{color:var(--text-muted);padding:40px 20px;text-align:center}.no-comments svg{margin-bottom:12px;opacity:.5}.no-comments p{font-size:15px;margin-bottom:4px}.no-comments span{font-size:13px}.comment-item{display:flex;gap:12px}.comment-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.comment-content{background:var(--background-color);border-radius:12px;flex:1 1;padding:12px 16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-user{color:var(--text-primary);font-size:13px;font-weight:600}.comment-time{color:var(--text-muted);font-size:11px}.comment-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.comment-actions{display:flex;gap:16px;margin-top:8px}.comment-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:all .2s ease}.comment-action-btn:hover{background:var(--border-color);color:var(--text-primary)}.comment-action-btn.liked{color:var(--primary-color)}.comment-action-btn.liked svg{fill:var(--primary-color)}.reply-input{display:flex;gap:8px;margin-top:10px}.reply-input input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-size:13px;padding:8px 12px}.reply-input input:focus{border-color:var(--primary-color);outline:none}.reply-input .btn-sm{font-size:12px;padding:8px 12px}.comment-replies{border-right:2px solid var(--border-color);margin-top:12px;padding-right:16px}.reply-item{display:flex;gap:10px;margin-top:10px}.reply-avatar{font-size:12px;height:32px;width:32px}.reply-content{background:var(--surface-color);border-radius:10px;flex:1 1;padding:10px 14px}.reply-content .comment-header{margin-bottom:4px}.reply-content .comment-text{font-size:13px}.reply-content .comment-actions{margin-top:6px}.add-comment{border-top:1px solid var(--border-color);display:flex;gap:10px;padding-top:16px}.add-comment input{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.add-comment input:focus{border-color:var(--primary-color);outline:none}.add-comment .btn{align-items:center;display:flex;justify-content:center;padding:12px 18px}.add-comment .btn:disabled{cursor:not-allowed;opacity:.5}.notification-toast{align-items:center;animation:toastSlide .4s ease;background:var(--primary-color);border-radius:12px;bottom:30px;box-shadow:0 8px 32px #1a5f4a66;color:#fff;display:flex;font-size:14px;font-weight:600;gap:12px;left:50%;padding:16px 24px;position:fixed;transform:translateX(-50%);z-index:1001}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dark-theme .network-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px #0000004d}.dark-theme .network-card:hover{border-color:var(--primary-color);box-shadow:0 24px 48px #0006}.dark-theme .card-header{background:#1e293b;border-color:#334155}.dark-theme .card-content{background:#1e293b}.dark-theme .card-content h3{color:#f1f5f9}.dark-theme .card-actions{background:#1e293b;border-color:#334155}.dark-theme .card-actions .action-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .card-actions .action-btn:hover{background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .details{border-color:#334155}.dark-theme .modal-overlay{background:#000c}.dark-theme .modal-close:hover{background:var(--danger-color);color:#fff}.dark-theme .offer-preview-mini{background:#0f172a}.dark-theme .offer-preview-mini h4{color:#f1f5f9}.dark-theme .comment-content{background:#0f172a}.dark-theme .comment-user{color:#f1f5f9}.dark-theme .comment-action-btn:hover{background:#334155;color:#f1f5f9}.dark-theme .reply-content{background:#0f172a}.dark-theme .add-comment input,.dark-theme .reply-input input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .network-tabs button{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-theme .network-tabs button:hover{border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .network-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark-theme .no-comments{color:#64748b}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirm-dialog{animation:dialogSlide .3s cubic-bezier(.34,1.56,.64,1);background:var(--surface-color);border-radius:20px;box-shadow:0 25px 60px #0000004d;max-width:420px;padding:32px;text-align:center;width:100%}@keyframes dialogSlide{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-icon{align-items:center;animation:iconPulse .5s ease;border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}@keyframes iconPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirm-warning .confirm-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}.confirm-danger .confirm-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.confirm-success .confirm-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e}.confirm-info .confirm-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.confirm-error .confirm-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.confirm-content{margin-bottom:28px}.confirm-title{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:12px}.confirm-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.confirm-actions{display:flex;gap:12px}.confirm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-height:50px;padding:14px 24px;transition:all .3s ease}.confirm-btn:disabled{cursor:not-allowed;opacity:.7}.confirm-btn.cancel{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary)}.confirm-btn.cancel:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.confirm-btn.primary{color:#fff}.confirm-btn.primary.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-btn.primary.warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.confirm-btn.primary.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn.primary.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.confirm-btn.primary.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.confirm-btn.primary.success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.confirm-btn.primary.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-btn.primary.info:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.confirm-btn.primary.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn.primary.error:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:480px){.confirm-dialog{border-radius:16px;margin:16px;padding:24px}.confirm-icon{height:60px;width:60px}.confirm-icon svg{height:24px;width:24px}.confirm-title{font-size:18px}.confirm-message{font-size:14px}.confirm-actions{flex-direction:column-reverse}.confirm-btn{min-height:46px;padding:12px 20px}}.dark-theme .confirm-overlay{background:#000c}.dark-theme .confirm-dialog{background:#1e293b;border:1px solid #334155;box-shadow:0 25px 60px #00000080}.dark-theme .confirm-title{color:#f1f5f9}.dark-theme .confirm-message{color:#94a3b8}.dark-theme .confirm-btn.secondary{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .confirm-btn.secondary:hover:not(:disabled){background:#334155}.catalog-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px}.header-title .count{background:var(--primary-color);border-radius:16px;font-size:13px;padding:4px 12px}.catalog-intro{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0f3d2e);border-radius:14px;color:#fff;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.catalog-intro:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-15%;top:-50%;width:300px}.intro-content h3{font-size:20px;font-weight:700;margin-bottom:8px}.intro-content p{font-size:15px;line-height:1.6;opacity:.9}.intro-steps{display:flex;gap:28px;position:relative;z-index:1}.step{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:36px;display:flex;gap:12px;padding:14px 24px;transition:all .3s ease}.step:hover{background:#ffffff40;transform:translateY(-2px)}.step-number{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 10px #00000026;color:var(--primary-color);display:flex;font-size:15px;font-weight:800;height:32px;justify-content:center;width:32px}.catalogs-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.catalog-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.catalog-card:hover{box-shadow:0 20px 45px #1a5f4a26;transform:translateY(-6px)}.catalog-header{align-items:flex-start;background:linear-gradient(135deg,var(--background-color),#1a5f4a05);border-right:5px solid;display:flex;gap:20px;justify-content:space-between;padding:24px}html[dir=ltr] .catalog-header{border-left:5px solid;border-right:none}.catalog-info h3{color:var(--text-primary);font-size:20px;font-weight:800;margin-bottom:8px}.catalog-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}.catalog-theme{border-radius:24px;box-shadow:0 4px 10px #0003;color:#fff;font-size:12px;font-weight:700;padding:8px 16px}.catalog-stats{border-bottom:1px solid var(--border-color);display:flex;gap:36px;padding:20px 24px}.stat{text-align:center}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:28px}.stat-label{color:var(--text-muted);font-weight:500}.catalog-fields{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:18px 24px}.fields-label{color:var(--text-muted);font-size:13px;font-weight:600}.fields-list{display:flex;gap:10px}.field-tag{font-size:18px}.catalog-link{align-items:center;background:var(--background-color);display:flex;gap:14px;justify-content:space-between;padding:14px 24px}.catalog-link code{background:var(--surface-color);border-radius:var(--radius-md);color:var(--primary-color);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:8px 16px}.copy-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;box-shadow:0 4px 12px #1a5f4a4d;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .3s ease;width:42px}.copy-btn:hover{box-shadow:0 6px 16px #1a5f4a66;transform:scale(1.1)}.copy-btn.copied{background:linear-gradient(135deg,var(--success-color),#218838)}.catalog-actions{gap:12px}.catalog-actions .btn{flex:1 1;gap:8px;padding:12px}.catalog-actions .btn-danger-outline{width:48px}.form-section{margin-bottom:24px}.form-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;gap:8px;margin-bottom:16px;padding-bottom:12px}.section-desc{font-size:13px;margin-bottom:16px;margin-top:-8px}.form-group label{margin-bottom:6px}.form-control{padding:10px 14px}.link-input{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;overflow:hidden}.link-input:focus-within{border-color:var(--primary-color)}.link-prefix{background:var(--background-color);border-left:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:10px 14px}html[dir=ltr] .link-prefix{border-left:none;border-right:1px solid var(--border-color)}.link-input input{border:none;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 14px}.link-input input:focus{outline:none}.themes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.theme-btn{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .3s ease}.theme-btn.active,.theme-btn:hover{border-color:var(--theme-color)}.theme-btn.active{background:#1a5f4a0d}.theme-preview{border-radius:10px;height:50px;width:50px}.theme-btn span{color:var(--text-primary);font-size:13px;font-weight:600}.fields-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.field-toggle{align-items:center;background:var(--background-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.field-toggle:hover{background:var(--primary-color);color:#fff}.field-toggle:hover .toggle-label{color:#fff}.field-toggle input{display:none}.toggle-icon{font-size:20px}.toggle-label{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.toggle-indicator{color:var(--text-muted)}.field-toggle input:checked+.toggle-icon+.toggle-label+.toggle-indicator{color:var(--success-color)}.preview-overlay{background:#000c}.preview-container{background:var(--surface-color);border-radius:var(--radius-lg);max-width:900px;overflow:hidden;width:90%}.preview-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.preview-header h2{font-size:18px;font-weight:700}.preview-frame{background:#f5f5f5;max-height:70vh;overflow-y:auto;padding:24px}.catalog-preview{background:#fff;border-radius:var(--radius-md);overflow:hidden}.preview-catalog-header{background:var(--theme-color);color:#fff;padding:30px;text-align:center}.preview-catalog-header h1{font-size:24px;margin-bottom:8px}.preview-catalog-header p{opacity:.9}.preview-offers{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:20px}.preview-offer-card{background:#f8f9fa;border-radius:10px;overflow:hidden}.preview-offer-image{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);color:#bbb;display:flex;height:80px;justify-content:center}.preview-offer-content{padding:12px}.preview-offer-content h3{font-size:13px;font-weight:600;margin-bottom:4px}.preview-price{color:var(--theme-color);font-size:14px;font-weight:700;margin-bottom:8px}.preview-details{color:#666;display:flex;font-size:11px;gap:8px}@media (max-width:992px){.catalog-intro{flex-direction:column;text-align:center}.preview-offers,.themes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.catalogs-grid{gap:20px;grid-template-columns:1fr}.intro-steps{align-items:center;flex-direction:column}.fields-grid,.preview-offers{grid-template-columns:1fr}.catalog-actions{flex-wrap:wrap}.catalog-intro{padding:18px}.intro-content h3{font-size:18px}.step{padding:12px 18px}.catalog-header{flex-direction:column;gap:12px;padding:18px}.catalog-info h3{font-size:17px}.catalog-stats{gap:20px;padding:16px}.stat-value{font-size:22px}.page-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.catalog-stats{flex-wrap:wrap;gap:16px}.catalog-stats .stat{flex:1 1;min-width:80px}.catalog-actions .btn{font-size:12px;padding:10px 12px}}.preview-actions{align-items:center;display:flex;gap:12px}.btn-sm{font-size:13px;padding:8px 14px}.share-link-section{margin-bottom:24px}.share-link-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.share-link-box{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 16px}.share-link-box code{color:var(--primary-color);flex:1 1;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.share-options h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:16px}.share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.share-btn{align-items:center;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-btn.whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-2px)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8ed9)}.share-btn.twitter:hover{background:linear-gradient(135deg,#0d8ed9,#0a6ba8);transform:translateY(-2px)}.share-btn.qr{background:linear-gradient(135deg,#6c5ce7,#5a4bd1)}.share-btn.qr:hover{background:linear-gradient(135deg,#5a4bd1,#4a3cb0);transform:translateY(-2px)}.share-btn.link{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.share-btn.link:hover{box-shadow:0 4px 12px #1a5f4a4d;transform:translateY(-2px)}.selection-info{background:var(--background-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;margin-bottom:20px;padding:12px 16px}.selection-info strong{color:var(--primary-color);font-size:18px}.offers-selection-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:50vh;overflow-y:auto;padding:4px}.offer-selection-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px;position:relative;transition:all .3s ease}.offer-selection-card:hover{background:#1a5f4a0d;border-color:var(--primary-color)}.offer-selection-card.selected{background:#1a5f4a1a;border-color:var(--primary-color)}.offer-select-indicator{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-muted);display:flex;height:28px;justify-content:center;left:10px;position:absolute;top:10px;transition:all .3s ease;width:28px}html[dir=ltr] .offer-select-indicator{left:auto;right:10px}.offer-selection-card.selected .offer-select-indicator{background:var(--primary-color);color:#fff}.offer-selection-image{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.offer-selection-image img{height:100%;object-fit:cover;width:100%}.offer-selection-image .image-placeholder{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.offer-selection-info{flex:1 1;min-width:0}.offer-selection-info h4{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-price{font-size:14px;margin-bottom:8px}.offer-meta span,.offer-price{align-items:center;display:flex;gap:4px}.offer-meta span{background:var(--surface-color);border-radius:12px;color:var(--text-muted);font-size:11px;padding:4px 8px}.btn:disabled{cursor:not-allowed;opacity:.6}.catalog-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px}.catalog-actions .btn{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px}.catalog-actions .btn-primary{flex:1 1}.catalog-actions .btn-danger-outline{border-color:var(--danger-color);color:var(--danger-color);flex:0 1;padding:10px;width:42px}.catalog-actions .btn-danger-outline:hover{background:linear-gradient(135deg,var(--danger-color),#c82333);border-color:#0000;color:#fff}.dark-theme .catalog-card{background:#1e293b;border-color:#334155}.dark-theme .catalog-card:hover{box-shadow:0 20px 45px #0000004d}.dark-theme .catalog-content{background:#1e293b}.dark-theme .catalog-content h3{color:#f1f5f9}.dark-theme .catalog-meta{border-color:#334155}.dark-theme .catalog-actions{background:#1e293b;border-color:#334155}.dark-theme .modal-content{background:#1e293b;border:1px solid #334155}.dark-theme .modal-header{border-color:#334155}.dark-theme .modal-header h2{color:#f1f5f9}.dark-theme .modal-close{background:#0f172a;color:#94a3b8}.dark-theme .modal-body{background:#1e293b}.dark-theme .form-group label{color:#f1f5f9}.dark-theme .form-control{background:#0f172a;border-color:#334155;color:#f1f5f9}.statistics-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px;padding:20px}.page-header{border-radius:16px;gap:16px}.header-title svg{border-radius:12px;height:52px;width:52px}.header-title p{margin:0}.header-actions{align-items:center;display:flex;gap:12px}.date-filter-wrapper{align-items:center;background:var(--background-color);border-radius:10px;display:inline-flex;padding-right:12px;position:relative}html[dir=ltr] .date-filter-wrapper{padding-left:12px;padding-right:0}.date-filter-wrapper svg{color:var(--text-secondary)}.date-filter{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:12px 16px}.date-filter:focus{outline:none}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;padding:24px;transition:all .3s ease}.kpi-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-card.active{background:linear-gradient(135deg,#1a5f4a0d,#0000);border-color:var(--primary-color)}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.kpi-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.kpi-change,.kpi-icon{align-items:center;display:flex}.kpi-change{border-radius:20px;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.kpi-change.positive{background:#10b9811a;color:#10b981}.kpi-change.negative{background:#ef44441a;color:#ef4444}.kpi-content{margin-bottom:16px}.kpi-value{color:var(--text-primary);display:block;font-size:28px;font-weight:800;margin-bottom:4px}.kpi-label{color:var(--text-secondary);font-size:14px}.kpi-progress .progress-bar{background:var(--border-color);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.kpi-progress .progress-fill{border-radius:3px;height:100%;transition:width .6s ease}.kpi-progress .progress-text{color:var(--text-secondary);font-size:12px}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.quick-stat{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.quick-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-icon-mini{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-icon-mini.offers{background:#1a5f4a1a;color:#1a5f4a}.stat-icon-mini.requests{background:#c4a35a1a;color:#c4a35a}.stat-icon-mini.views{background:#3b82f61a;color:#3b82f6}.stat-icon-mini.contacts{background:#10b9811a;color:#10b981}.stat-icon-mini.visitors{background:#8b5cf61a;color:#8b5cf6}.stat-icon-mini.calls{background:#f973161a;color:#f97316}.stat-details{flex:1 1;min-width:0}.stat-number{color:var(--text-primary);font-size:20px}.stat-label{font-size:12px}.stat-badge{border-radius:12px;padding:4px 8px}.stat-badge.up{background:#10b9811a;color:#10b981}.stat-badge.down{background:#ef44441a;color:#ef4444}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}.chart-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px}.chart-card.main-chart{grid-column:span 1}.chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.chart-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.chart-tabs{background:var(--background-color);border-radius:8px;display:flex;gap:8px;padding:4px}.chart-tabs button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.chart-tabs button:hover{color:var(--text-primary)}.chart-tabs button.active{background:var(--primary-color);color:#fff}.funnel-container{display:flex;flex-direction:column;gap:12px}.funnel-stage{align-items:center;display:flex;gap:16px}.funnel-bar-container{background:var(--background-color);border-radius:6px;flex:1 1;height:32px;overflow:hidden}.funnel-bar{border-radius:6px;height:100%;transition:width .6s ease}.funnel-info{align-items:center;display:flex;gap:12px;min-width:200px}.funnel-label{color:var(--text-primary);flex:1 1;font-size:13px}.funnel-value{color:var(--text-primary);font-size:14px;font-weight:600}.funnel-percent{background:var(--background-color);border-radius:10px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.funnel-summary{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.summary-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.summary-item svg{color:var(--primary-color)}.summary-item strong{color:var(--text-primary)}.section-header{margin-bottom:20px}.section-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:4px}.section-header p{color:var(--text-secondary);font-size:14px;margin:0}.property-performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.property-performance-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s ease}.property-performance-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.property-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.property-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.property-title h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.property-title span{color:var(--text-secondary);font-size:13px}.property-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.property-metrics .metric{background:var(--background-color);border-radius:10px;padding:12px 8px;text-align:center}.property-metrics .metric svg{color:var(--text-secondary);margin-bottom:4px}.property-metrics .metric-value{color:var(--text-primary);display:block;font-size:16px;font-weight:700}.property-metrics .metric-label{color:var(--text-secondary);font-size:11px}.property-revenue .revenue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.property-revenue .revenue-header span{color:var(--text-secondary);font-size:13px}.property-revenue .revenue-value{color:var(--primary-color);font-size:14px;font-weight:700}.revenue-bar{background:var(--background-color);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.revenue-fill{border-radius:3px;height:100%;transition:width .6s ease}.revenue-percent{color:var(--text-secondary);font-size:11px}.bottom-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.city-list{display:flex;flex-direction:column;gap:12px}.city-item{align-items:center;background:var(--background-color);border-radius:12px;display:flex;gap:16px;padding:12px 16px;transition:all .2s ease}.city-item:hover{background:#1a5f4a0d}.city-rank{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.city-info{flex:1 1}.city-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:2px}.city-name svg,.city-stats{color:var(--text-secondary)}.city-stats{display:flex;font-size:12px;gap:12px}.city-revenue{text-align:left}html[dir=rtl] .city-revenue{text-align:right}.city-revenue .revenue{color:var(--text-primary);display:block;font-size:14px;font-weight:700}.city-revenue .growth{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.city-revenue .growth.positive{color:#10b981}.city-revenue .growth.negative{color:#ef4444}.top-offers-list{display:flex;flex-direction:column;gap:12px}.top-offer-item{align-items:center;background:var(--background-color);border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.top-offer-item:hover{background:#1a5f4a0d}.rank-badge{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-badge.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-badge.rank-3{background:linear-gradient(135deg,#f97316,#ea580c)}.rank-badge.rank-4,.rank-badge.rank-5{background:var(--text-secondary)}.offer-details{min-width:0}.offer-details h4{margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offer-price{font-size:12px;font-weight:600}.offer-metrics{display:flex;gap:6px}.metric-pill{align-items:center;background:var(--surface-color);border-radius:16px;color:var(--text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 10px}.metric-pill svg{height:14px;width:14px}.metric-pill.conversion{background:#10b9811a;color:#10b981}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--background-color);border-radius:12px;gap:12px;padding:12px}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{border-radius:10px;height:36px;justify-content:center;width:36px}.activity-success .activity-icon{background:#10b9811a;color:#10b981}.activity-warning .activity-icon{background:#f973161a;color:#f97316}.activity-info .activity-icon{background:#3b82f61a;color:#3b82f6}.activity-default .activity-icon{background:var(--border-color);color:var(--text-secondary)}.activity-content{flex:1 1;min-width:0}.activity-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.activity-client,.activity-source,.activity-value{color:var(--text-secondary);font-size:12px}.activity-value{color:#10b981;font-weight:600}.activity-time{color:var(--text-secondary);font-size:12px;white-space:nowrap}.weekly-comparison{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comparison-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.comparison-period{background:var(--background-color);border-radius:20px;color:var(--text-secondary);font-size:13px;padding:6px 12px}.comparison-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.comparison-item{background:var(--background-color);border-radius:16px;padding:20px;text-align:center}.comparison-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.comparison-icon.views{background:#3b82f61a;color:#3b82f6}.comparison-icon.contacts{background:#10b9811a;color:#10b981}.comparison-icon.deals{background:#8b5cf61a;color:#8b5cf6}.comparison-data{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.comparison-data .current{color:var(--text-primary);font-size:24px;font-weight:700}.comparison-data .vs{color:var(--text-secondary);font-size:12px}.comparison-data .previous{color:var(--text-secondary);font-size:16px}.comparison-label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.comparison-change{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.comparison-change.up{background:#10b9811a;color:#10b981}.comparison-change.down{background:#ef44441a;color:#ef4444}@media (max-width:1400px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-stats{grid-template-columns:repeat(3,1fr)}.property-performance-grid{grid-template-columns:repeat(2,1fr)}.bottom-row{grid-template-columns:1fr 1fr}.bottom-row .recent-activity{grid-column:span 2}}@media (max-width:1024px){.charts-row,.comparison-grid{grid-template-columns:1fr}.comparison-grid{gap:16px}}@media (max-width:768px){.statistics-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.bottom-row,.kpi-grid,.property-performance-grid,.quick-stats{grid-template-columns:1fr}.bottom-row .recent-activity{grid-column:span 1}.kpi-value{font-size:24px}.funnel-info{align-items:flex-start;flex-direction:column;gap:4px;min-width:auto}}@media (max-width:480px){.statistics-page{padding:12px}.page-header{border-radius:12px;padding:16px}.header-title svg{height:44px;padding:10px;width:44px}.header-title h1{font-size:20px}.header-title p{font-size:13px}.kpi-card{border-radius:12px;padding:20px}.kpi-icon{height:44px;width:44px}.kpi-value{font-size:22px}.kpi-label{font-size:13px}.quick-stat{border-radius:10px;gap:10px;padding:14px}.stat-icon-mini{height:36px;width:36px}.stat-number{font-size:18px}.chart-card{border-radius:12px;padding:16px}.chart-header h3{font-size:16px}.chart-tabs{justify-content:flex-start;overflow-x:auto;width:100%}.chart-tabs button{font-size:12px;padding:6px 12px;white-space:nowrap}.city-item{gap:12px;padding:10px 12px}.city-rank{font-size:11px;height:24px;width:24px}.city-name{font-size:13px}.city-stats{font-size:11px;gap:8px}.city-revenue .revenue{font-size:13px}.top-offer-item{gap:10px;padding:10px}.rank-badge{font-size:11px;height:22px;width:22px}.offer-details h4{font-size:13px}.metric-pill,.offer-price{font-size:11px}.metric-pill{padding:3px 8px}.comparison-item{padding:16px}.comparison-icon{height:40px;width:40px}.comparison-data .current{font-size:20px}.comparison-data .previous{font-size:14px}.property-performance-card{border-radius:12px;padding:16px}.property-icon{height:40px;width:40px}.property-title h4{font-size:14px}.property-metrics{gap:8px}.property-metrics .metric{padding:10px 6px}.property-metrics .metric-value{font-size:14px}.property-metrics .metric-label{font-size:10px}.best-offer-card{border-radius:12px;padding:20px}.offer-main-info h3{font-size:14px}.performance-metrics{gap:8px}.perf-metric{gap:8px;padding:10px}.perf-icon{height:36px;width:36px}.perf-value{font-size:16px}.perf-label{font-size:10px}.reach-summary{border-radius:12px;padding:20px}.reach-header h3{font-size:18px}.reach-stat{gap:12px;padding:16px}.reach-icon{height:48px;width:48px}.reach-value{font-size:22px}.reach-label{font-size:12px}.financial-kpi-card{border-radius:12px;padding:20px}.financial-kpi-icon{height:48px;width:48px}.financial-kpi-value{font-size:22px}.financial-kpi-label{font-size:13px}.invoice-status-item{padding:16px}.invoice-status-item .status-icon{height:40px;width:40px}.invoice-status-item .status-count{font-size:24px}.commission-stat{gap:12px;padding:16px}.commission-icon{height:44px;width:44px}.commission-value{font-size:20px}.breakdown-item{padding:10px 14px}.breakdown-label{font-size:12px}.breakdown-value{font-size:13px}}.best-offers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.best-offer-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.best-offer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.best-offer-card.top-performer{background:linear-gradient(135deg,#f59e0b0d,#0000);border:2px solid #f59e0b}.top-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;left:16px;padding:6px 12px;position:absolute;top:16px}html[dir=rtl] .top-badge{left:auto;right:16px}.best-offer-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;padding-top:32px}.best-offer-card:not(.top-performer) .best-offer-header{padding-top:0}.offer-rank-large{flex-shrink:0}.rank-number{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:800;height:48px;justify-content:center;width:48px}.rank-number.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-number.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-number.rank-3{background:linear-gradient(135deg,#f97316,#ea580c)}.rank-number.rank-4{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.offer-main-info{flex:1 1;min-width:0}.offer-main-info h3{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px}.offer-meta{display:flex;flex-wrap:wrap;gap:8px}.price-tag{background:#1a5f4a1a;border-radius:6px;color:var(--primary-color);font-size:13px;font-weight:600;padding:4px 10px}.location-tag{align-items:center;background:var(--background-color);color:var(--text-secondary);display:flex;gap:4px}.location-tag,.status-tag{border-radius:6px;font-size:12px;padding:4px 10px}.status-tag{font-weight:600}.status-tag.available{background:#10b9811a;color:#10b981}.status-tag.reserved{background:#f973161a;color:#f97316}.performance-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.perf-metric{background:var(--background-color);border-radius:12px;gap:10px;padding:12px}.perf-icon,.perf-metric{align-items:center;display:flex}.perf-icon{border-radius:10px;height:40px;justify-content:center;width:40px}.perf-icon.views{background:#3b82f626;color:#3b82f6}.perf-icon.shares{background:#8b5cf626;color:#8b5cf6}.perf-icon.inquiries{background:#10b98126;color:#10b981}.perf-icon.saves{background:#f9731626;color:#f97316}.perf-data{display:flex;flex-direction:column}.perf-value{color:var(--text-primary);font-size:18px;font-weight:700}.perf-label{color:var(--text-secondary);font-size:11px}.engagement-bar-section{border-top:1px solid var(--border-color);padding-top:16px}.engagement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.engagement-header span{color:var(--text-secondary);font-size:13px}.engagement-score{color:var(--primary-color);font-size:14px;font-weight:700}.engagement-bar{background:var(--background-color);border-radius:4px;height:8px;overflow:hidden}.engagement-fill{background:linear-gradient(90deg,var(--primary-color),#10b981);border-radius:4px;height:100%;transition:width .6s ease}.reach-summary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.reach-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.reach-header h3{font-size:20px;font-weight:700}.reach-period{background:#ffffff26;border-radius:20px;font-size:13px;opacity:.8;padding:6px 12px}.reach-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.reach-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;gap:16px;padding:20px}.reach-icon,.reach-stat{align-items:center;display:flex}.reach-icon{background:#fff3;border-radius:14px;height:56px;justify-content:center;width:56px}.reach-data{display:flex;flex-direction:column}.reach-value{font-size:28px;font-weight:800;margin-bottom:4px}.reach-label{font-size:13px;opacity:.9}@media (max-width:1200px){.best-offers-grid{grid-template-columns:1fr}.performance-metrics,.reach-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.best-offer-header{align-items:flex-start;flex-direction:column}.performance-metrics{grid-template-columns:1fr 1fr}.reach-stats{grid-template-columns:1fr}.reach-stat{padding:16px}.reach-value{font-size:22px}}.financial-section-header{border-top:2px solid var(--border-color);margin-top:48px;padding-top:32px}.financial-section-header h2{align-items:center;display:flex;gap:12px}.financial-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.financial-kpi-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.financial-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.financial-kpi-card:before{border-radius:50%;content:"";height:120px;opacity:.1;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:120px}.financial-kpi-card.income:before{background:#10b981}.financial-kpi-card.expense:before{background:#ef4444}.financial-kpi-card.profit:before{background:#8b5cf6}.financial-kpi-card.pending:before{background:#f59e0b}.financial-kpi-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.financial-kpi-card.income .financial-kpi-icon{background:#10b98126;color:#10b981}.financial-kpi-card.expense .financial-kpi-icon{background:#ef444426;color:#ef4444}.financial-kpi-card.profit .financial-kpi-icon{background:#8b5cf626;color:#8b5cf6}.financial-kpi-card.pending .financial-kpi-icon{background:#f59e0b26;color:#f59e0b}.financial-kpi-content{display:flex;flex-direction:column}.financial-kpi-value{color:var(--text-primary);font-size:26px;font-weight:800;margin-bottom:4px}.financial-kpi-label{color:var(--text-secondary);font-size:14px}.financial-kpi-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;left:16px;padding:6px 12px;position:absolute;top:16px}html[dir=ltr] .financial-kpi-badge{left:auto;right:16px}.financial-kpi-badge.positive{background:#10b98126;color:#10b981}.financial-kpi-badge.negative{background:#ef444426;color:#ef4444}.financial-kpi-badge.warning{background:#f59e0b26;color:#f59e0b}.commission-summary{flex:0 0 380px}.commission-stats{padding:8px}.commission-stat{align-items:center;background:linear-gradient(135deg,#10b9811a,#10b98105);border-radius:var(--radius-md);display:flex;gap:16px;margin-bottom:20px;padding:20px}.commission-icon{align-items:center;background:#10b98126;border-radius:var(--radius-sm);color:#10b981;display:flex;height:50px;justify-content:center;width:50px}.commission-info{display:flex;flex-direction:column}.commission-value{color:#10b981;font-size:24px;font-weight:800}.commission-label{color:var(--text-secondary);font-size:13px}.commission-breakdown{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:var(--background-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px 16px}.breakdown-label{color:var(--text-secondary);font-size:13px}.breakdown-value{color:var(--text-primary);font-size:14px;font-weight:700}.breakdown-value.paid{color:#10b981}.breakdown-value.pending{color:#f59e0b}.breakdown-value.highlight{color:var(--primary-color)}.commission-actions{margin-top:20px}.view-invoices-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;text-decoration:none;transition:all .3s ease;width:100%}.view-invoices-btn:hover{box-shadow:0 8px 20px #1a5f4a4d;transform:translateY(-2px)}.invoice-status-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:24px;padding:24px}.invoice-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.invoice-status-header h3{color:var(--text-primary);font-size:18px;font-weight:700}.total-invoices{background:var(--background-color);border-radius:20px;color:var(--text-muted);font-size:13px;padding:6px 12px}.invoice-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.invoice-status-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative}.invoice-status-item.paid{background:#10b9811a}.invoice-status-item.pending{background:#f59e0b1a}.invoice-status-item .status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.invoice-status-item.paid .status-icon{background:#10b981;color:#fff}.invoice-status-item.pending .status-icon{background:#f59e0b;color:#fff}.invoice-status-item .status-data{flex:1 1}.invoice-status-item .status-count{color:var(--text-primary);display:block;font-size:28px;font-weight:800}.invoice-status-item .status-label{color:var(--text-secondary);font-size:13px}.invoice-status-item .status-bar{background:#0000001a;bottom:0;height:4px;left:0;position:absolute;right:0}.invoice-status-item .status-fill{height:100%;transition:width .5s ease}.invoice-status-item.paid .status-fill{background:#10b981}.invoice-status-item.pending .status-fill{background:#f59e0b}@media (max-width:1200px){.financial-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.financial-kpi-grid,.invoice-status-grid{grid-template-columns:1fr}.commission-summary{flex:1 1}}.metric-pill.reserved{background:#f973161a;color:#f97316}.section-header h2{align-items:center;display:flex;gap:10px}.export-dropdown-container{position:relative}.export-dropdown-container>button{align-items:center;display:flex;gap:8px}.export-dropdown{animation:dropdownSlide .2s ease;background:var(--surface-color);border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:1000}html[dir=ltr] .export-dropdown{left:auto;right:0}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-header{background:var(--background-color);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;padding:12px 16px}.export-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:right;transition:all .2s;width:100%}html[dir=ltr] .export-dropdown-item{text-align:left}.export-dropdown-item:hover{background:#1a5f4a1a;color:var(--primary-color)}.export-dropdown-item .file-icon{color:#10b981;margin-right:auto}html[dir=ltr] .export-dropdown-item .file-icon{margin-left:auto;margin-right:0}.export-dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.export-dropdown-item.custom-range{color:var(--primary-color);font-weight:500}.modal-overlay{background:#00000080;z-index:2000}.export-modal{animation:modalPop .3s ease;background:var(--surface-color);border-radius:16px;max-height:90vh;max-width:600px;overflow:auto;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.export-modal .modal-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#2a7a5a 100%);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.export-modal .modal-header h3{align-items:center;display:flex;font-size:18px;gap:10px;margin:0}.export-modal .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.export-modal .close-btn:hover{background:#ffffff4d}.export-modal .modal-body{padding:24px}.date-range-section{margin-bottom:24px}.date-range-section h4,.export-types-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;gap:8px;margin:0 0 16px}.date-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.date-input-group input{background:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s}.date-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f4a1a;outline:none}.quick-ranges{display:flex;flex-wrap:wrap;gap:8px}.quick-ranges button{background:var(--background-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.quick-ranges button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.export-types-section{background:var(--background-color);border-radius:12px;padding:20px}.export-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.export-type-card{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 16px;position:relative;transition:all .2s}.export-type-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #1a5f4a33;transform:translateY(-2px)}.export-type-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#2a7a5a 100%);border-radius:12px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.export-type-card span{color:var(--text-primary);font-size:13px;font-weight:500;text-align:center}.export-type-card .download-icon{color:#10b981;left:10px;opacity:0;position:absolute;top:10px;transition:opacity .2s}html[dir=ltr] .export-type-card .download-icon{left:auto;right:10px}.export-type-card:hover .download-icon{opacity:1}@media (max-width:600px){.date-inputs{grid-template-columns:1fr}.export-types-grid{grid-template-columns:repeat(2,1fr)}}.dark-theme .kpi-card{background:#1e293b;border-color:#334155}.dark-theme .kpi-card h3{color:#f1f5f9}.dark-theme .date-filter-wrapper{background:#0f172a}.dark-theme .date-filter{color:#f1f5f9}.dark-theme .chart-card{background:#1e293b;border-color:#334155}.dark-theme .chart-header h3{color:#f1f5f9}.dark-theme .stat-card{background:#1e293b;border-color:#334155}.dark-theme .stat-card h4{color:#f1f5f9}.dark-theme .export-modal .modal-content{background:#1e293b;border:1px solid #334155}.dark-theme .export-type-card{background:#0f172a;border-color:#334155}.dark-theme .export-type-card:hover{border-color:var(--primary-color)}.dark-theme .export-type-card span{color:#f1f5f9}.dark-theme .date-inputs .form-control{background:#0f172a;border-color:#334155;color:#f1f5f9}.tutorials-page{animation:fadeIn .4s ease;margin:0 auto;max-width:1400px}.tutorials-intro{background:linear-gradient(135deg,var(--primary-color),#0f3d2e);border-radius:14px;color:#fff;margin-bottom:24px;overflow:hidden;padding:32px;position:relative;text-align:center}.tutorials-intro:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-15%;top:-50%;width:300px}.tutorials-intro h2{font-size:28px;font-weight:800;margin-bottom:14px;position:relative;z-index:1}.tutorials-intro p{font-size:17px;line-height:1.6;opacity:.9;position:relative;z-index:1}.tutorials-filters{display:flex;flex-direction:column;gap:24px;margin-bottom:36px}.search-box{max-width:450px}.search-box svg{right:16px;transition:color .3s ease}html[dir=ltr] .search-box svg{left:16px}.search-box input{border:2px solid var(--border-color);font-size:15px;padding:14px 50px 14px 18px;transition:all .3s ease}html[dir=ltr] .search-box input{padding:14px 18px 14px 50px}.search-box input:focus{box-shadow:0 0 0 4px #1a5f4a1a}.search-box:focus-within svg{color:var(--primary-color)}.tutorials-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tutorial-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.tutorial-card:hover{box-shadow:0 25px 50px #1a5f4a26;transform:translateY(-8px)}.tutorial-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative}.tutorial-thumbnail img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.tutorial-thumbnail .no-thumbnail{align-items:center;background:linear-gradient(135deg,#1a5f4a1a,#0f3d2e1a);color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.tutorial-card:hover .tutorial-thumbnail img{transform:scale(1.08)}.play-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s ease}.tutorial-card:hover .play-overlay{opacity:1}.play-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;box-shadow:0 8px 30px #1a5f4a80;color:#fff;display:flex;height:80px;justify-content:center;transition:transform .4s ease;width:80px}.play-button svg{margin-right:-4px}html[dir=ltr] .play-button svg{margin-left:-4px;margin-right:0}.tutorial-card:hover .play-button{transform:scale(1.15)}.duration{align-items:center;background:#000000d9;border-radius:var(--radius-md);bottom:12px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:6px;left:12px;padding:6px 12px;position:absolute}html[dir=ltr] .duration{left:auto;right:12px}.tutorial-content{padding:24px}.tutorial-content h3{color:var(--text-primary);font-size:17px;font-weight:700;margin-bottom:10px}.tutorial-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.7;margin-bottom:18px;overflow:hidden}.tutorial-meta{justify-content:space-between}.tutorial-meta,.views{align-items:center;display:flex}.views{color:var(--text-muted);font-size:13px;font-weight:500;gap:8px}.category-tag,.views svg{color:var(--primary-color)}.category-tag{background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d);border-radius:16px;font-size:12px;font-weight:700;padding:6px 16px}.video-modal{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.video-container{background:var(--surface-color);border-radius:var(--radius-lg);max-width:900px;overflow:hidden;position:relative;width:100%}.close-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:16px;position:absolute;top:16px;transition:background .3s ease;width:40px;z-index:10}html[dir=ltr] .close-btn{left:auto;right:16px}.close-btn:hover{background:#000c}.video-player{aspect-ratio:16/9;background:#000;position:relative}.video-player iframe,.video-player video{border:none;height:100%;width:100%}.video-placeholder{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;width:100%}.video-placeholder p{opacity:.7}.video-info{padding:24px}.video-info h2{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:10px}.video-info p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.video-meta{display:flex;gap:20px}.video-meta span{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px}@media (max-width:992px){.tutorials-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.video-container{max-width:95%}}@media (max-width:768px){.tutorials-intro{padding:30px 20px}.tutorials-intro h2{font-size:20px}.tutorials-grid{gap:20px;grid-template-columns:1fr}.categories-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.category-tab{white-space:nowrap}.page-header{border-radius:12px;padding:14px 16px}.header-title h1{font-size:18px}.header-title svg{height:36px;padding:8px;width:36px}.search-box{max-width:100%}.search-box input{font-size:14px;padding:12px 44px 12px 14px}html[dir=ltr] .search-box input{padding:12px 14px 12px 44px}.video-info{padding:20px}.video-info h2{font-size:18px}.video-meta{flex-wrap:wrap;gap:12px}}@media (max-width:480px){.tutorials-page{padding:0 12px}.page-header{margin-bottom:16px;padding:12px 14px}.header-title h1{font-size:16px}.header-title svg{height:32px;padding:6px;width:32px}.tutorials-intro{border-radius:12px;margin-bottom:20px;padding:24px 16px}.tutorials-intro h2{font-size:18px;margin-bottom:10px}.tutorials-intro p{font-size:14px}.tutorials-filters{gap:16px;margin-bottom:24px}.search-box input{border-radius:10px;font-size:13px;padding:10px 40px 10px 12px}html[dir=ltr] .search-box input{padding:10px 12px 10px 40px}.category-tab{border-radius:20px;font-size:13px;gap:8px;padding:10px 16px}.tutorial-card{border-radius:12px}.play-button{height:60px;width:60px}.duration{border-radius:6px;font-size:12px;padding:4px 10px}.tutorial-content{padding:18px}.tutorial-content h3{font-size:15px;margin-bottom:8px}.tutorial-content p{font-size:13px;margin-bottom:14px}.views{font-size:12px}.category-tag{font-size:11px;padding:4px 12px}.video-modal{padding:12px}.close-btn{font-size:20px;height:36px;left:12px;top:12px;width:36px}html[dir=ltr] .close-btn{left:auto;right:12px}.video-info{padding:16px}.video-info h2{font-size:16px}.video-info p{font-size:13px}.video-meta span{font-size:12px}.empty-state{border-radius:12px;padding:60px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}.dark-theme .tutorial-card{background:#1e293b;border-color:#334155}.dark-theme .tutorial-card:hover{box-shadow:0 20px 45px #0000004d}.dark-theme .tutorial-info h3{color:#f1f5f9}.dark-theme .video-modal{background:#000000e6}.dark-theme .video-modal .video-info{background:#1e293b}.dark-theme .video-info h2{color:#f1f5f9}.faq-page{animation:fadeIn .4s ease;margin:0 auto;max-width:900px}.page-header{background:var(--surface-color);border-radius:14px;margin-bottom:20px;padding:16px 20px}.header-title{gap:12px}.header-title svg{background:#1a5f4a1a;border-radius:10px;height:40px;padding:10px;width:40px}.header-title h1{font-size:22px;font-weight:700}.faq-intro{background:linear-gradient(135deg,var(--primary-color),#0f3d2e);border-radius:14px;color:#fff;margin-bottom:24px;overflow:hidden;padding:32px;position:relative;text-align:center}.faq-intro:before{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-15%;top:-50%;width:300px}.faq-intro h2{font-size:32px;font-weight:800;margin-bottom:14px}.faq-intro h2,.faq-intro p{position:relative;z-index:1}.faq-intro p{font-size:17px;line-height:1.6;margin-bottom:36px;opacity:.9}.search-box.large{margin:0 auto;max-width:520px;position:relative}.search-box.large svg{color:var(--text-muted);position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .3s ease}html[dir=ltr] .search-box.large svg{left:20px;right:auto}.search-box.large input{border:none;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0003;font-size:16px;padding:18px 56px 18px 24px;transition:all .3s ease;width:100%}html[dir=ltr] .search-box.large input{padding:18px 24px 18px 56px}.search-box.large input:focus{box-shadow:0 10px 40px #00000040;outline:none}.categories-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:36px}.category-tab{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:28px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 22px;transition:all .3s ease}.category-tab:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:#0000;box-shadow:0 6px 16px #1a5f4a4d;color:#fff}.faq-list{display:flex;flex-direction:column;gap:18px}.faq-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:24px 28px;text-align:right;width:100%}html[dir=ltr] .faq-question{text-align:left}.faq-question span:first-child{color:var(--text-primary);font-size:17px;font-weight:700}.faq-question svg{background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d);border-radius:50%;color:var(--primary-color);flex-shrink:0;padding:8px;transition:transform .4s ease}.faq-item.expanded .faq-question svg{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-item.expanded .faq-answer{max-height:500px;padding:0 28px 24px}.faq-answer p{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:15px;line-height:1.9;padding-top:18px}.contact-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-top:64px;padding:48px;text-align:center}.contact-section h3{color:var(--text-primary);font-size:22px;font-weight:800;margin-bottom:10px}.contact-section>p{color:var(--text-secondary);font-size:15px;margin-bottom:36px}.contact-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.contact-card{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;padding:28px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-card:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 15px 35px #1a5f4a40;color:#fff;transform:translateY(-6px)}.contact-card svg{background:linear-gradient(135deg,#1a5f4a1f,#1a5f4a0d);border-radius:var(--radius-md);color:var(--primary-color);padding:14px;transition:all .3s ease}.contact-card:hover svg{background:#fff3;color:#fff}.contact-card span:nth-child(2){color:var(--text-primary);font-size:15px;font-weight:700}.contact-card:hover span:nth-child(2){color:#fff}.contact-value{color:var(--text-muted);font-size:14px}.contact-card:hover .contact-value{color:#ffffffd9}.empty-state{padding:60px 20px}.empty-state svg{margin-bottom:24px}@media (max-width:768px){.faq-intro{padding:40px 20px}.faq-intro h2{font-size:22px}.categories-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.category-tab{white-space:nowrap}.contact-options{grid-template-columns:1fr}.faq-question{padding:16px 20px}.faq-question span:first-child{font-size:14px}.faq-item.expanded .faq-answer{padding:0 20px 16px}.page-header{border-radius:12px;padding:14px 16px}.header-title h1{font-size:18px}.header-title svg{height:36px;padding:8px;width:36px}.search-box.large{max-width:100%}.search-box.large input{font-size:14px;padding:14px 50px 14px 18px}html[dir=ltr] .search-box.large input{padding:14px 18px 14px 50px}.contact-section{margin-top:40px;padding:32px 20px}.contact-section h3{font-size:18px}.contact-card{padding:20px}}@media (max-width:480px){.faq-page{padding:0 12px}.page-header{margin-bottom:16px;padding:12px 14px}.header-title h1{font-size:16px}.header-title svg{height:32px;padding:6px;width:32px}.faq-intro{border-radius:12px;margin-bottom:20px;padding:28px 16px}.faq-intro h2{font-size:18px;margin-bottom:10px}.faq-intro p{font-size:14px;margin-bottom:24px}.search-box.large input{border-radius:10px;font-size:13px;padding:12px 44px 12px 14px}html[dir=ltr] .search-box.large input{padding:12px 14px 12px 44px}.categories-tabs{gap:8px;margin-bottom:24px}.category-tab{border-radius:20px;font-size:13px;gap:8px;padding:10px 16px}.faq-list{gap:14px}.faq-item{border-radius:12px}.faq-question{gap:14px;padding:16px}.faq-question span:first-child{font-size:14px}.faq-question svg{height:32px;padding:6px;width:32px}.faq-item.expanded .faq-answer{padding:0 16px 16px}.faq-answer p{font-size:13px;line-height:1.8;padding-top:14px}.contact-section{border-radius:12px;margin-top:32px;padding:24px 16px}.contact-section h3{font-size:16px}.contact-section>p{font-size:13px;margin-bottom:24px}.contact-options{gap:16px}.contact-card{border-radius:10px;gap:12px;padding:18px}.contact-card svg{padding:12px}.contact-card span:nth-child(2){font-size:14px}.contact-value{font-size:13px}.empty-state{border-radius:12px;padding:50px 16px}.empty-state h3{font-size:17px}.empty-state p{font-size:14px}}.dark-theme .page-header{background:#1e293b}.dark-theme .search-box.large input{background:#1e293b;color:#f1f5f9}.dark-theme .category-tab{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-theme .category-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .faq-item{background:#1e293b;border-color:#334155}.dark-theme .faq-question{color:#f1f5f9}.dark-theme .faq-answer{background:#0f172a;color:#94a3b8}.dark-theme .contact-section{background:#1e293b;border-color:#334155}.dark-theme .contact-section h3{color:#f1f5f9}.dark-theme .contact-card{background:#0f172a;border-color:#334155}.dark-theme .contact-card span:nth-child(2){color:#f1f5f9}.chat-page{border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #0000000a;height:calc(100vh - 80px);overflow:hidden}.chat-page,.chat-sidebar{background:var(--surface-color);display:flex}.chat-sidebar{border-left:1px solid var(--border-color);flex-direction:column;width:320px}html[dir=ltr] .chat-sidebar{border-left:none;border-right:1px solid var(--border-color)}.sidebar-header{border-bottom:1px solid var(--border-color);padding:16px}.sidebar-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px}.sidebar-header h2 svg{background:#1a5f4a1a;border-radius:8px;color:var(--primary-color);height:34px;padding:8px;width:34px}.chat-sidebar .search-box{margin:12px;position:relative}.chat-sidebar .search-box svg{color:var(--text-muted);height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}html[dir=ltr] .chat-sidebar .search-box svg{left:12px;right:auto}.chat-sidebar .search-box input{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;font-size:13px;padding:10px 38px 10px 14px;transition:all .2s ease;width:100%}html[dir=ltr] .chat-sidebar .search-box input{padding:10px 14px 10px 38px}.chat-sidebar .search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a5f4a1a;outline:none}.chat-sidebar .search-box:focus-within svg{color:var(--primary-color)}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:16px;padding:18px 24px;position:relative;transition:all .3s ease}.conversation-item:hover{background:#1a5f4a0d}.conversation-item.active{background:linear-gradient(135deg,#1a5f4a1f,#1a5f4a0f);border-right:4px solid var(--primary-color)}html[dir=ltr] .conversation-item.active{border-left:4px solid var(--primary-color);border-right:none}.user-avatar{border-radius:50%;box-shadow:0 4px 12px #c4a35a4d;flex-shrink:0;font-size:20px;height:52px;position:relative;width:52px}.online-dot{background:linear-gradient(135deg,var(--success-color),#218838);border:3px solid var(--surface-color);border-radius:50%;bottom:2px;box-shadow:0 2px 6px #28a74566;height:14px;left:2px;position:absolute;width:14px}html[dir=ltr] .online-dot{left:auto;right:2px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.conversation-header h4{color:var(--text-primary);font-size:15px;font-weight:700}.conversation-header .time{color:var(--text-muted);font-size:12px;font-weight:500}.conversation-preview{align-items:center;display:flex;justify-content:space-between}.conversation-preview p{color:var(--text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;box-shadow:0 4px 10px #1a5f4a4d;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.chat-main{background:linear-gradient(180deg,var(--background-color),#1a5f4a05);display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #00000008;display:flex;gap:20px;padding:18px 24px}.back-btn{align-items:center;background:var(--background-color);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:none;height:44px;justify-content:center;transition:all .3s ease;width:44px}.back-btn:hover{background:var(--primary-color);color:#fff}.chat-user-info{align-items:center;display:flex;flex:1 1;gap:16px}.chat-user-info .user-avatar{font-size:18px;height:48px;width:48px}.chat-user-info h3{color:var(--text-primary);font-size:17px;font-weight:700}.chat-user-info .status{color:var(--text-muted);font-size:13px;font-weight:500}.chat-user-info .status.online{color:var(--success-color)}.chat-actions{display:flex;gap:10px}.action-btn{background:var(--background-color);border-radius:50%;color:var(--text-secondary);height:44px;justify-content:center;transition:all .3s ease;width:44px}.action-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;transform:scale(1.1)}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message{animation:messageIn .3s ease;display:flex;max-width:70%}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{margin-right:auto}html[dir=ltr] .message.sent{margin-left:auto;margin-right:0}.message.received{margin-left:auto}html[dir=ltr] .message.received{margin-left:0;margin-right:auto}.message-bubble{border-radius:20px;box-shadow:0 4px 12px #00000014;padding:14px 20px;position:relative}.message.sent .message-bubble{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom-right-radius:6px;color:#fff}html[dir=ltr] .message.sent .message-bubble{border-bottom-left-radius:6px;border-bottom-right-radius:20px}.message.received .message-bubble{background:var(--surface-color);border:1px solid var(--border-color);border-bottom-left-radius:6px;color:var(--text-primary)}html[dir=ltr] .message.received .message-bubble{border-bottom-left-radius:20px;border-bottom-right-radius:6px}.message-bubble p{font-size:15px;line-height:1.6;margin-bottom:6px}.message-meta{align-items:center;display:flex;gap:8px;justify-content:flex-end}.message-meta .time{font-size:11px;opacity:.75}.message-meta .status{align-items:center;display:flex;opacity:.75}.message-meta .status .read{color:#4fc3f7}.chat-input{background:var(--surface-color);border-top:1px solid var(--border-color);gap:14px;padding:20px 24px}.attach-btn,.chat-input{align-items:center;display:flex}.attach-btn{background:var(--background-color);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:46px;justify-content:center;transition:all .3s ease;width:46px}.attach-btn:hover{color:var(--primary-color);transform:scale(1.1)}.chat-input input{background:var(--background-color);border:2px solid var(--border-color);border-radius:28px;flex:1 1;font-size:15px;padding:14px 20px;transition:all .3s ease}.chat-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a5f4a1a;outline:none}.send-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:50%;box-shadow:0 6px 20px #1a5f4a59;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.send-btn:hover:not(:disabled){box-shadow:0 8px 25px #1a5f4a73;transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.no-chat-selected{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-chat-selected svg{margin-bottom:24px;opacity:.6}.no-chat-selected h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:12px}.no-chat-selected p{font-size:15px}@media (max-width:992px){.chat-sidebar{width:280px}.conversation-item{padding:14px 18px}.user-avatar{font-size:18px;height:46px;width:46px}}@media (max-width:768px){.chat-page{height:calc(100vh - 70px);position:relative}.chat-sidebar{inset:0;position:absolute;width:100%;z-index:10}.chat-page.chat-open .chat-sidebar,.chat-page:not(.chat-open) .chat-main{display:none}.back-btn{display:flex}.message{max-width:85%}.chat-header{padding:14px 16px}.chat-user-info .user-avatar{font-size:16px;height:40px;width:40px}.chat-user-info h3{font-size:15px}.chat-input{padding:14px 16px}.chat-input input{font-size:14px;padding:12px 16px}.attach-btn,.send-btn{height:42px;width:42px}.messages-container{padding:16px}.message-bubble{padding:12px 16px}.message-bubble p{font-size:14px}}@media (max-width:480px){.chat-actions .action-btn{height:38px;width:38px}.conversation-header h4{font-size:14px}.conversation-preview p{font-size:13px}}.dark-theme .chat-page,.dark-theme .chat-sidebar{background:#1e293b;border-color:#334155}.dark-theme .sidebar-header{border-color:#334155}.dark-theme .sidebar-header h2{color:#f1f5f9}.dark-theme .chat-sidebar .search-box input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .conversation-item{border-color:#334155}.dark-theme .conversation-item:hover{background:#1a5f4a26}.dark-theme .conversation-item.active{background:linear-gradient(135deg,#1a5f4a40,#1a5f4a26)}.dark-theme .conversation-header h4{color:#f1f5f9}.dark-theme .chat-main{background:#0f172a}.dark-theme .chat-header{background:#1e293b;border-color:#334155}.dark-theme .chat-user-info h3{color:#f1f5f9}.dark-theme .chat-actions .action-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .chat-actions .action-btn:hover{background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .messages-container{background:#0f172a}.dark-theme .message-bubble.received{background:#1e293b;color:#f1f5f9}.dark-theme .chat-input{background:#1e293b;border-color:#334155}.dark-theme .chat-input input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .attach-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .attach-btn:hover{background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .empty-chat{background:#1e293b}.dark-theme .empty-chat h3{color:#f1f5f9}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.attachment-item{border-radius:12px;overflow:hidden}.attachment-item.image img{border-radius:12px;cursor:pointer;max-height:200px;max-width:280px;object-fit:cover;transition:transform .2s}.attachment-item.image img:hover{transform:scale(1.02)}.attachment-item.video video{border-radius:12px;max-height:200px;max-width:300px}.attachment-item.audio .audio-player{background:#0000000d;border-radius:20px;padding:8px}.attachment-item.audio audio{height:36px;width:200px}.file-attachment{align-items:center;background:#0000000d;border-radius:12px;color:inherit;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s}.file-attachment:hover{background:#0000001a}.file-attachment svg:first-child{color:var(--primary-color)}.file-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;opacity:.7}.reply-reference{align-items:center;background:#0000001a;border-radius:8px;border-right:3px solid var(--primary-color);display:flex;font-size:12px;gap:6px;margin-bottom:8px;opacity:.8;padding:6px 10px}html[dir=ltr] .reply-reference{border-left:3px solid var(--primary-color);border-right:none}.reply-reference span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message{position:relative}.reply-btn{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.message.sent .reply-btn{left:-36px}html[dir=ltr] .message.sent .reply-btn{left:auto;right:-36px}.message.received .reply-btn{right:-36px}html[dir=ltr] .message.received .reply-btn{left:-36px;right:auto}.message:hover .reply-btn{opacity:1}.reply-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.reply-indicator{align-items:center;background:#1a5f4a1a;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 20px}.reply-indicator .reply-content{align-items:center;color:var(--primary-color);display:flex;font-size:14px;gap:10px}.reply-indicator button{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s}.reply-indicator button:hover{background:#0000001a;color:var(--text-primary)}.attachments-preview{background:var(--surface-color);border-top:1px solid var(--border-color);display:flex;gap:10px;overflow-x:auto;padding:12px 20px}.attachment-preview-item{flex-shrink:0;position:relative}.attachment-preview-item img{border-radius:10px;height:80px;object-fit:cover;width:80px}.attachment-preview-item .file-preview{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:4px;height:80px;justify-content:center;width:80px}.attachment-preview-item .file-preview span{font-size:10px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-attachment{align-items:center;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:transform .2s;width:22px}.remove-attachment:hover{transform:scale(1.1)}.recording-indicator{align-items:center;background:#dc35451a;border-top:1px solid var(--border-color);display:flex;gap:16px;padding:12px 20px}.recording-pulse{animation:pulse 1s ease-in-out infinite;background:var(--danger-color);border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.recording-time{color:var(--danger-color);font-family:monospace;font-size:16px;font-weight:600}.cancel-recording,.stop-recording{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.cancel-recording{background:#0000;color:var(--text-muted)}.cancel-recording:hover{background:#0000001a}.stop-recording{background:var(--danger-color);color:#fff}.stop-recording:hover{background:#c82333}.recording-indicator audio{flex:1 1;height:40px}.attach-btn.recording{animation:pulse 1s ease-in-out infinite;background:var(--danger-color);color:#fff}.no-conversations{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-conversations svg{margin-bottom:16px;opacity:.5}.no-conversations p{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.no-conversations span{font-size:14px}.no-messages{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-messages svg{margin-bottom:16px;opacity:.5}.no-messages p{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.no-messages span{font-size:14px}.attachment-modal{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.attachment-modal .modal-content{max-height:90vh;max-width:90vw;position:relative}.attachment-modal img,.attachment-modal video{border-radius:12px;max-height:85vh;max-width:100%;object-fit:contain}.close-modal{background:#0000;border:none;color:#fff;cursor:pointer;padding:8px;position:absolute;right:0;top:-40px;transition:transform .2s}html[dir=ltr] .close-modal{left:0;right:auto}.close-modal:hover{transform:scale(1.1)}.user-avatar img{border-radius:50%}.chat-btn{background:var(--primary-color)!important;color:#fff!important}.chat-btn:hover{background:var(--primary-dark)!important;transform:scale(1.05)}.settings-page{animation:fadeIn .4s ease}.settings-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:28px;min-height:calc(100vh - 200px);overflow:hidden}.settings-sidebar{background:linear-gradient(180deg,var(--background-color),#1a5f4a05);border-left:1px solid var(--border-color);padding:24px 0;width:300px}html[dir=ltr] .settings-sidebar{border-left:none;border-right:1px solid var(--border-color)}.settings-nav{display:flex;flex-direction:column;gap:4px}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:14px;margin:0 12px;padding:16px 28px;text-align:right;transition:all .3s ease}html[dir=ltr] .nav-item{text-align:left}.nav-item:hover{background:#1a5f4a14;color:var(--primary-color)}.nav-item.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 6px 16px #1a5f4a4d;color:#fff}.nav-item span:first-of-type{flex:1 1}.nav-item svg:last-child{opacity:.5}.settings-content{flex:1 1;padding:36px}.settings-section h2{color:var(--text-primary);font-size:22px;font-weight:800;margin-bottom:10px}.section-desc{color:var(--text-secondary);font-size:15px;margin-bottom:36px}.profile-avatar-section{align-items:center;display:flex;gap:24px;margin-bottom:36px}.avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:24px;box-shadow:0 12px 30px #1a5f4a59;color:#fff;display:flex;font-size:44px;font-weight:800;height:110px;justify-content:center;width:110px}.form-grid{grid-gap:20px;gap:20px}.form-group.full-width{grid-column:span 2}.form-group label{align-items:center;display:flex;gap:8px}.form-control{transition:all .3s ease}.password-input{position:relative}.toggle-password{background:#0000;border:none;color:var(--text-muted);cursor:pointer;left:12px;position:absolute;top:50%;transform:translateY(-50%)}html[dir=ltr] .toggle-password{left:auto;right:12px}.form-actions{border-top:1px solid var(--border-color);gap:16px;margin-top:30px;padding-top:20px}.form-actions,.save-success{align-items:center;display:flex}.save-success{color:var(--success-color);font-size:14px;font-weight:500;gap:6px}.security-options{margin-top:30px}.security-options h3{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:16px}.option-item{align-items:center;background:var(--background-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:12px;padding:20px}.option-item h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.option-item p{color:var(--text-muted);font-size:12px}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-item{align-items:center;background:var(--background-color);border-radius:var(--radius-md);justify-content:space-between;padding:20px}.notification-item h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.notification-item p{color:var(--text-muted);font-size:12px}.switch{display:inline-block;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:checked+.slider:before{transform:translateX(22px)}html[dir=ltr] .switch input:checked+.slider:before{transform:translateX(-22px)}.preference-options{display:flex;flex-direction:column;gap:24px}.preference-item{align-items:center;background:var(--background-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:24px}.preference-item h4{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.preference-item p{color:var(--text-muted);font-size:12px}.language-options,.theme-options{display:flex;gap:10px}.lang-btn,.theme-btn{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.lang-btn:hover,.theme-btn:hover{border-color:var(--primary-color)}.lang-btn.active,.theme-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.current-plan{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-lg);color:#fff;max-width:400px;padding:30px;text-align:center}.plan-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 16px}.current-plan h3{font-size:24px;font-weight:700;margin-bottom:8px}.plan-price{font-size:20px;font-weight:600;margin-bottom:24px;opacity:.9}.plan-features{list-style:none;margin-bottom:24px;text-align:right}html[dir=ltr] .plan-features{text-align:left}.plan-features li{align-items:center;display:flex;font-size:14px;gap:10px;padding:8px 0}.current-plan .btn{background:#fff;color:var(--primary-color)}.danger-zone{background:#dc35450d;border:1px solid #dc354533;border-radius:var(--radius-md);margin-top:40px;padding:24px}.danger-zone h3{color:var(--danger-color);font-size:16px;font-weight:700;margin-bottom:16px}.danger-item{align-items:center;display:flex;justify-content:space-between}.danger-item h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.danger-item p{color:var(--text-muted);font-size:12px}.btn-danger{align-items:center;background:var(--danger-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-danger:hover{background:#c82333}@media (max-width:992px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid var(--border-color);border-left:none;padding:16px;width:100%}html[dir=ltr] .settings-sidebar{border-right:none}.settings-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;overflow-x:auto}.nav-item{border-radius:var(--radius-sm);padding:10px 16px;white-space:nowrap}.nav-item svg:last-child{display:none}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:768px){.settings-content{padding:20px}.profile-avatar-section{flex-direction:column;text-align:center}.preference-item{gap:16px}.notification-item,.preference-item{align-items:flex-start;flex-direction:column}.notification-item{gap:12px}.danger-item{align-items:flex-start;flex-direction:column;gap:16px}.language-options,.theme-options{width:100%}.lang-btn,.theme-btn{flex:1 1;justify-content:center;text-align:center}}@media (max-width:480px){.page-header{border-radius:12px;padding:20px}.header-title svg{padding:10px}.header-title h1{font-size:22px}.settings-sidebar{padding:12px}.settings-nav{gap:6px}.nav-item{font-size:13px;margin:0 4px;padding:8px 12px}.settings-content{padding:16px}.settings-section h2{font-size:18px}.section-desc{font-size:14px;margin-bottom:24px}.avatar-large{border-radius:20px;font-size:36px;height:90px;width:90px}.form-group label{font-size:12px}.form-control{font-size:13px;padding:10px 14px}.form-actions{flex-direction:column;gap:12px}.form-actions .btn{justify-content:center;width:100%}.notification-item,.option-item,.preference-item{border-radius:10px;padding:16px}.notification-item h4,.option-item h4,.preference-item h4{font-size:13px}.notification-item p,.option-item p,.preference-item p{font-size:11px}.switch{height:24px;width:44px}.slider:before{height:18px;width:18px}.switch input:checked+.slider:before{transform:translateX(20px)}html[dir=ltr] .switch input:checked+.slider:before{transform:translateX(-20px)}.lang-btn,.theme-btn{font-size:13px;padding:8px 14px}.current-plan{border-radius:12px;padding:24px 20px}.current-plan h3{font-size:20px}.plan-price{font-size:18px}.plan-features li{font-size:13px;padding:6px 0}.danger-zone{border-radius:10px;padding:20px}.danger-zone h3{font-size:15px}.danger-item h4{font-size:13px}.danger-item p{font-size:11px}.btn-danger{justify-content:center;width:100%}.security-options h3{font-size:15px}}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease;max-width:480px;padding:32px;width:90%}.modal-content.delete-modal h3{align-items:center;color:#ef4444;display:flex;font-size:20px;gap:12px;margin-bottom:16px}.modal-content.delete-modal p{color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.modal-actions{justify-content:flex-end;margin-top:24px}.avatar-large{position:relative}.avatar-large img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-loading{align-items:center;background:#00000080;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.avatar-loading svg{color:#fff}.error-message{align-items:center;color:#ef4444;display:flex;font-size:14px;gap:8px}.error-banner{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:#ef4444;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.no-subscription{background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:60px 20px;text-align:center}.no-subscription p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.plan-expiry{color:var(--text-muted);font-size:14px;margin-top:16px}.current-subscription-card{background:linear-gradient(135deg,var(--surface-color),#1a5f4a08);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:32px;padding:24px}.subscription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subscription-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-md);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status-badge{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.status-badge.status-active{background:#22c55e1a;color:#22c55e}.status-badge.status-expired{background:#ef44441a;color:#ef4444}.status-badge.status-cancelled{background:#9ca3af1a;color:#6b7280}.status-badge.status-suspended{background:#f59e0b1a;color:#f59e0b}.status-badge.status-trial{background:#3b82f61a;color:#3b82f6}.subscription-details h3{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.subscription-price{align-items:baseline;display:flex;gap:4px;margin-bottom:16px}.subscription-price .price-amount{color:var(--primary-color);font-size:32px;font-weight:800}.subscription-price .price-currency{color:var(--text-secondary);font-size:16px}.subscription-price .price-period{color:var(--text-muted);font-size:14px}.subscription-type{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.subscription-expiry{color:var(--text-muted)}.subscription-expiry,.trial-notice{align-items:center;display:flex;font-size:14px;gap:8px}.trial-notice{background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-md);color:#3b82f6;margin-top:12px;padding:12px}.subscription-features{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.subscription-features h4{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.subscription-features ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.subscription-features li{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.subscription-features li .feature-check{color:var(--primary-color);flex-shrink:0}.subscription-features li.more-features{color:var(--primary-color);cursor:pointer;font-weight:500}.subscription-features li.more-features:hover{text-decoration:underline}.available-plans-section{margin-top:32px}.plans-title{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:20px}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #1a5f4a1a;transform:translateY(-2px)}.plan-card.current{background:linear-gradient(135deg,#1a5f4a0d,#1a5f4a05);border-color:var(--primary-color)}.plan-card.popular{border-color:#f59e0b}.plan-card .popular-badge{background:linear-gradient(135deg,#f59e0b,#f97316)}.plan-card .current-badge,.plan-card .popular-badge{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;left:50%;padding:4px 16px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.plan-card .current-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.plan-card-header{margin-bottom:20px;padding-top:8px;text-align:center}.plan-card-header h4{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:8px}.plan-card-header .plan-description{color:var(--text-secondary);font-size:14px}.plan-card-price{background:var(--background-color);border-radius:var(--radius-md);margin-bottom:20px;padding:16px;text-align:center}.plan-card-price .price-value{color:var(--primary-color);font-size:36px;font-weight:800}.plan-card-price .price-suffix{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;margin-top:4px}.plan-card-features{list-style:none;margin:0 0 20px;min-height:100px;padding:0}.plan-card-features li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:8px 0}.plan-card-features li:last-child{border-bottom:none}.plan-card-features li svg{color:var(--primary-color);flex-shrink:0}.plan-card-features li.feature-count{color:var(--text-secondary);font-style:italic}.plan-card-actions{display:flex;flex-direction:column;gap:10px}.plan-card-actions .btn{justify-content:center;width:100%}.btn-sm{padding:10px 16px}.btn-secondary{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--border-color)}.no-plans{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-plans svg{margin-bottom:12px;opacity:.5}.no-subscription-notice{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-md);color:#3b82f6;display:flex;font-size:14px;gap:12px;margin-top:24px;padding:16px 20px}.plan-details-modal{max-height:85vh;max-width:500px;overflow-y:auto;width:95%}.modal-close{border:1px solid var(--border-color);border-radius:var(--radius-sm);left:16px;padding:8px;position:absolute;top:16px;transition:all .2s}[dir=ltr] .modal-close{left:auto;right:16px}.modal-close:hover{background:var(--border-color)}.plan-modal-header{border-bottom:1px solid var(--border-color);padding-bottom:24px;position:relative;text-align:center}.plan-modal-header .popular-tag{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:16px;padding:6px 14px}.plan-modal-header h2{color:var(--text-primary);font-size:28px;font-weight:800;margin-bottom:8px}.plan-modal-desc{color:var(--text-secondary);font-size:15px;margin-bottom:20px}.plan-modal-price{align-items:baseline;display:flex;gap:8px;justify-content:center}.modal-price-value{color:var(--primary-color);font-size:48px;font-weight:800}.modal-price-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;text-align:start}.plan-modal-features{padding:24px 0}.plan-modal-features h3{color:var(--text-secondary);font-size:16px;font-weight:600;margin-bottom:16px}.plan-modal-features ul{list-style:none;margin:0;padding:0}.plan-modal-features li{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 0}.plan-modal-features li:last-child{border-bottom:none}.plan-modal-features .feature-icon{color:var(--primary-color);flex-shrink:0;margin-top:2px}.plan-modal-features .feature-content{display:flex;flex-direction:column;gap:4px}.plan-modal-features .feature-name{color:var(--text-primary);font-size:15px;font-weight:500}.plan-modal-features .feature-desc{color:var(--text-secondary);font-size:13px}.plan-modal-limits{background:var(--background-color);border-radius:var(--radius-md);margin-bottom:24px;padding:20px}.plan-modal-limits h3{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:16px}.limits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.limit-item{text-align:center}.limit-item .limit-value{color:var(--primary-color);display:block;font-size:24px;font-weight:700;margin-bottom:4px}.limit-item .limit-label{color:var(--text-secondary);font-size:12px}.plan-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:20px}.plan-modal-actions .btn{flex:1 1;justify-content:center}@media (max-width:768px){.plans-grid,.subscription-features ul{grid-template-columns:1fr}.limits-grid{grid-template-columns:repeat(2,1fr)}.plan-modal-actions{flex-direction:column}}.dark-theme .page-header{background:linear-gradient(135deg,var(--surface-color),#2d8b6e0d)}.dark-theme .settings-container{background:var(--surface-color);border-color:var(--border-color)}.dark-theme .settings-sidebar{background:linear-gradient(180deg,var(--surface-secondary),#2d8b6e08);border-color:var(--border-color)}.dark-theme .nav-item:hover{background:#2d8b6e26}.dark-theme .form-control{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark-theme .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8b6e33}.dark-theme .lang-options,.dark-theme .theme-options{background:var(--surface-secondary)}.dark-theme .lang-btn,.dark-theme .theme-btn{background:#0000;border-color:var(--border-color);color:var(--text-primary)}.dark-theme .lang-btn.active,.dark-theme .theme-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dark-theme .notification-item,.dark-theme .plan-card,.dark-theme .subscription-card{background:var(--surface-secondary);border-color:var(--border-color)}.dark-theme .plan-card.recommended{border-color:var(--secondary-color)}.dark-theme .plan-card:hover{box-shadow:0 12px 32px #0006}.dark-theme .plan-modal-limits,.dark-theme .upload-zone{background:var(--surface-secondary)}.dark-theme .upload-zone{border-color:var(--border-color)}.dark-theme .upload-zone:hover{background:#2d8b6e1a;border-color:var(--primary-color)}.dark-theme .delete-account-btn{background:#ef44441a}.dark-theme .delete-account-btn:hover{background:var(--danger-color)}.following-page{animation:fadeIn .4s ease}.page-header{padding:24px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text}.header-title .count{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:24px;box-shadow:0 4px 12px #1a5f4a4d;color:#fff;font-weight:700;padding:6px 16px}.users-grid{grid-gap:24px;display:grid;gap:24px}.users-grid.grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.users-grid.list{grid-template-columns:1fr}.users-grid.list .user-card{display:flex;flex-wrap:wrap;gap:24px}.users-grid.list .user-header{flex:0 0 auto;margin-bottom:0}.users-grid.list .user-bio{flex:1 1;min-width:200px}.users-grid.list .user-actions{margin-right:auto}html[dir=ltr] .users-grid.list .user-actions{margin-left:auto;margin-right:0}.user-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.user-card:hover{box-shadow:0 20px 40px #1a5f4a26;transform:translateY(-6px)}.user-card:hover:before{transform:scaleX(1)}.user-header{gap:16px;margin-bottom:20px}.user-avatar,.user-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-light));border-radius:16px;box-shadow:0 6px 16px #c4a35a59;color:#fff;font-size:22px;font-weight:800;height:56px;justify-content:center;overflow:hidden;width:56px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar.large{border-radius:20px;font-size:28px;height:70px;width:70px}.user-info{flex:1 1}.user-info h3{color:var(--text-primary);font-size:17px;font-weight:700;margin-bottom:6px}.user-city{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:6px}.user-city svg{color:var(--primary-color)}.more-btn{align-items:center;background:var(--background-color);border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.more-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;transform:scale(1.1)}.user-bio{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px}.user-stats{border-bottom:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:20px;padding-bottom:20px}.user-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.user-stats .stat svg{color:var(--primary-color)}.recent-offers{margin-bottom:20px}.recent-offers .label{color:var(--text-muted);display:block;font-size:13px;font-weight:600;margin-bottom:10px}.offers-tags{display:flex;flex-wrap:wrap;gap:10px}.offer-tag{background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d);border-radius:16px;color:var(--primary-color);font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s ease}.offer-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.user-actions{display:flex;gap:12px}.user-actions .btn{align-items:center;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px}.btn-unfollow{background:#dc35451a;border:none;border-radius:var(--radius-md);color:var(--danger-color);cursor:pointer;transition:all .3s ease}.btn-unfollow:hover{background:linear-gradient(135deg,var(--danger-color),#c82333);box-shadow:0 8px 20px #dc35454d;color:#fff;transform:translateY(-2px)}.empty-state{background:linear-gradient(135deg,var(--surface-color),#1a5f4a05);border-radius:var(--radius-xl);padding:100px 24px}.empty-state svg{margin-bottom:28px;opacity:.7}.empty-state h3{font-size:22px;margin-bottom:12px}.empty-state p{font-size:15px}.suggestions-section{border-top:2px solid var(--border-color);margin-top:48px;padding-top:32px}.suggestions-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:800;gap:12px;margin-bottom:24px}.suggestions-section h2:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:3px;content:"";height:24px;width:5px}.suggestions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.suggestion-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:all .3s ease}.suggestion-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.suggestion-info{flex:1 1}.suggestion-info h4{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px}.suggestion-info .city{color:var(--text-muted);display:block;font-size:13px;margin-bottom:4px}.suggestion-info .stats{color:var(--text-secondary);font-size:12px;font-weight:500}.btn-sm{border-radius:var(--radius-md);font-size:14px;font-weight:600;padding:10px 20px}@media (max-width:992px){.page-header{padding:18px}.header-title h1{font-size:22px}.users-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:12px}.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filters{justify-content:space-between}.users-grid.grid,.users-grid.list{grid-template-columns:1fr}.user-actions,.users-grid.list .user-card{flex-direction:column}.suggestions-grid{grid-template-columns:1fr}.user-card{padding:20px}.user-avatar{font-size:20px;height:48px;width:48px}.user-info h3{font-size:15px}.user-stats{flex-wrap:wrap;gap:16px}}@media (max-width:480px){.page-header{padding:14px}.header-title{gap:12px}.header-title svg{height:42px;padding:10px;width:42px}.header-title h1{font-size:18px}.user-card{padding:16px}.user-avatar{border-radius:12px;font-size:18px;height:42px;width:42px}.offers-tags{gap:6px}.offer-tag{font-size:12px;padding:4px 10px}}.more-menu-wrapper{position:relative}.more-dropdown{animation:dropdownFade .2s ease;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000026;left:0;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}html[dir=ltr] .more-dropdown{left:auto;right:0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.more-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:right;transition:all .2s ease;width:100%}html[dir=ltr] .more-dropdown button{text-align:left}.more-dropdown button:hover{background:var(--background-color)}.more-dropdown button.danger{color:var(--danger-color)}.more-dropdown button.danger:hover{background:#dc35451a}.dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.offer-tag.more{background:var(--primary-color);color:#fff}.message-recipient{align-items:center;background:var(--background-color);border-radius:var(--radius-md);display:flex;gap:14px;margin-bottom:20px;padding:16px}.message-recipient strong{color:var(--text-primary);display:block;font-size:15px}.message-recipient span{color:var(--text-muted);font-size:13px}.quick-messages{margin-top:16px}.quick-messages .label{color:var(--text-muted);display:block;font-size:13px;margin-bottom:10px}.quick-btns{display:flex;flex-wrap:wrap;gap:8px}.quick-btns button{background:var(--background-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s ease}.quick-btns button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.profile-info h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:6px}.profile-info .city{color:var(--text-muted);margin-bottom:6px}.profile-info .city,.profile-info .rating{align-items:center;display:flex;font-size:14px;gap:6px}.profile-info .rating{color:var(--text-primary);font-weight:600}.bio{background:var(--background-color);color:var(--text-secondary);font-size:14px;line-height:1.7;padding:16px}.bio,.profile-stats{border-radius:var(--radius-md);margin-bottom:24px}.profile-stats{background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a05);display:flex;justify-content:space-around;padding:20px}.profile-stats .stat{text-align:center}.profile-stats .value{color:var(--primary-color);display:block;font-size:24px;font-weight:800}.profile-stats .label{color:var(--text-muted);font-size:13px}.contact-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.contact-item{align-items:center;background:var(--background-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.contact-item:hover{background:var(--primary-color);color:#fff}.contact-item svg{color:var(--primary-color)}.contact-item:hover svg{color:#fff}.offers-list{display:flex;flex-direction:column;gap:12px}.offer-item{align-items:center;background:var(--background-color);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px;transition:all .2s ease}.offer-item:hover{box-shadow:var(--shadow-sm)}.offer-icon{align-items:center;background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d);border-radius:var(--radius-sm);color:var(--primary-color);display:flex;height:50px;justify-content:center;width:50px}.offer-details{flex:1 1}.offer-details h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.offer-details .location{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.offer-price{color:var(--primary-color);font-size:15px;font-weight:700}.empty-offers{color:var(--text-muted);padding:40px;text-align:center}.empty-offers svg{margin-bottom:12px;opacity:.5}.form-group{margin-bottom:16px}.form-group label{display:block}.form-control{font-family:inherit;width:100%}textarea.form-control{min-height:100px}.dark-theme .page-header{background:linear-gradient(135deg,#1e293b,#1a5f4a1a)}.dark-theme .user-card{background:#1e293b;border-color:#334155}.dark-theme .user-card:hover{box-shadow:0 20px 45px #0000004d}.dark-theme .user-name{color:#f1f5f9}.dark-theme .user-bio p{color:#94a3b8}.dark-theme .stat-item span:last-child{color:#f1f5f9}.dark-theme .follow-btn{background:#0f172a;border-color:#334155}.dark-theme .follow-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.dark-theme .filter-label{color:#f1f5f9}.dark-theme .filter-select{background:#0f172a;border-color:#334155;color:#f1f5f9}.public-request-page{align-items:flex-start;background:var(--background-color);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.form-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:700px;overflow:hidden;width:100%}.form-header{background:linear-gradient(135deg,#1a5f4a,#2d8a6e);color:#fff;padding:40px 30px;text-align:center}.form-header .logo{align-items:center;background:#fff3;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.form-header h1{font-size:28px;font-weight:700;margin-bottom:10px}.form-header p{font-size:16px;opacity:.9}.request-form{padding:30px}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:20px}.form-section h3{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px}.form-section h3,.form-section h3 svg{color:var(--primary-color)}.form-row{margin-bottom:16px}.form-row.two-cols{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row.three-cols{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group label{font-size:14px}.form-group label .required{color:#ef4444}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:var(--text-muted);pointer-events:none;position:absolute;right:14px}.input-with-icon input{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px 44px;transition:all .2s ease;width:100%}.input-with-icon input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f4a1a;outline:none}.form-group input:not(.input-with-icon input),.form-group select,.form-group textarea{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;padding:14px;transition:all .2s ease;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left 14px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-left:44px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f4a1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.property-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.type-option{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-align:center;transition:all .2s ease}.type-option input{display:none}.type-option svg{color:var(--text-muted);transition:color .2s ease}.type-option span{color:var(--text-secondary);font-size:14px;font-weight:600;transition:color .2s ease}.type-option.selected,.type-option:hover{border-color:var(--primary-color)}.type-option.selected{background:#1a5f4a0d}.type-option.selected span,.type-option.selected svg{color:var(--primary-color)}.contact-options{display:flex;flex-wrap:wrap;gap:12px}.contact-option{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-width:120px;padding:14px 20px;transition:all .2s ease}.contact-option input{display:none}.contact-option span{color:var(--text-secondary);font-size:14px;font-weight:600}.contact-option.selected,.contact-option:hover{border-color:var(--primary-color)}.contact-option.selected{background:#1a5f4a0d}.contact-option.selected span{color:var(--primary-color)}.submit-btn{align-items:center;background:linear-gradient(135deg,#1a5f4a,#2d8a6e);border:none;border-radius:14px;box-shadow:0 4px 15px #1a5f4a4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;padding:18px 32px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 8px 25px #1a5f4a66;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-btn .spinning{animation:spin 1s linear infinite}.form-footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:20px 30px;text-align:center}.form-footer p{color:var(--text-muted);font-size:13px}.success-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:500px;padding:60px 40px;text-align:center;width:100%}.success-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 30px;width:120px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-icon svg{color:#fff}.success-container h1{color:var(--text-primary);font-size:26px;font-weight:700;margin-bottom:12px}.success-container>p{color:var(--text-secondary);font-size:16px;margin-bottom:30px}.success-details{background:var(--background-color);border:1px solid var(--border-color);border-radius:16px;margin-bottom:30px;padding:24px;text-align:right}.detail-row span{color:var(--text-secondary);font-size:14px}.detail-row strong{color:var(--text-primary);font-size:14px}.success-container .btn{align-items:center;background:linear-gradient(135deg,#1a5f4a,#2d8a6e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;transition:all .3s ease}.success-container .btn:hover{box-shadow:0 8px 25px #1a5f4a66;transform:translateY(-2px)}@media (max-width:768px){.public-request-page{padding:20px 16px}.form-header{padding:30px 20px}.form-header h1{font-size:24px}.form-header .logo{border-radius:16px;height:70px;width:70px}.request-form{padding:20px}.form-row.three-cols,.form-row.two-cols{grid-template-columns:1fr}.property-type-selector{grid-template-columns:repeat(3,1fr)}.contact-options{flex-direction:column}.success-container{padding:40px 24px}.form-section h3,.submit-btn{font-size:16px}.submit-btn{padding:16px 24px}}@media (max-width:480px){.public-request-page{padding:12px}.form-container{border-radius:16px}.form-header{padding:24px 16px}.form-header .logo{border-radius:14px;height:60px;margin-bottom:16px;width:60px}.form-header h1{font-size:20px;margin-bottom:8px}.form-header p{font-size:14px}.request-form{padding:16px}.form-section{margin-bottom:24px;padding-bottom:24px}.form-section h3{font-size:15px;gap:8px;margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;font-size:14px;padding:12px}.input-with-icon input{padding:12px 40px}.property-type-selector{gap:10px;grid-template-columns:repeat(2,1fr)}.type-option{border-radius:12px;padding:14px 10px}.type-option span{font-size:12px}.contact-option{border-radius:10px;padding:12px 16px}.contact-option span{font-size:13px}.submit-btn{border-radius:12px;font-size:15px;padding:14px 20px}.form-footer{padding:16px}.form-footer p{font-size:12px}.success-container{border-radius:16px;padding:32px 20px}.success-icon{height:100px;margin-bottom:24px;width:100px}.success-container h1{font-size:22px}.success-container>p{font-size:14px;margin-bottom:24px}.success-details{border-radius:12px;margin-bottom:24px;padding:18px}.detail-row{padding:10px 0}.detail-row span,.detail-row strong{font-size:13px}.success-container .btn{border-radius:10px;font-size:14px;padding:12px 24px}}.dark-theme .public-request-page{background:var(--background-color)}.dark-theme .form-container{box-shadow:0 20px 60px #0000004d}.dark-theme .form-header{background:linear-gradient(135deg,#1a5f4a,#2d8a6e)}.dark-theme .contact-option.selected,.dark-theme .type-option.selected{background:#1a5f4a26}.dark-theme .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark-theme .success-container{box-shadow:0 20px 60px #0006}.dark-theme .submit-btn,.dark-theme .success-container .btn{box-shadow:0 4px 15px #1a5f4a80}.dark-theme .submit-btn:hover,.dark-theme .success-container .btn:hover{box-shadow:0 8px 25px #1a5f4a99}.public-catalog{direction:rtl}.catalog-loading,.public-catalog{background:#f5f7fa;min-height:100vh}.catalog-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a5f4a;height:50px;width:50px}.catalog-loading p{color:#6b7280;font-size:16px}.catalog-not-found{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e9f0);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;padding:60px 40px;text-align:center}.not-found-content h1{color:#1a5f4a;font-size:80px;font-weight:800;margin-bottom:10px}.not-found-content h2{color:#1f2937;font-size:24px;margin-bottom:12px}.not-found-content p{color:#6b7280;margin-bottom:30px}.not-found-content .btn{align-items:center;background:#1a5f4a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none}.catalog-header{background:linear-gradient(135deg,var(--theme-color) 0,color-mix(in srgb,var(--theme-color) 80%,#000) 100%);color:#fff;padding:60px 20px 40px;text-align:center}.header-content{margin:0 auto;max-width:800px}.catalog-header h1{font-size:32px;font-weight:800;margin-bottom:12px}.catalog-header p{font-size:18px;margin-bottom:20px;opacity:.9}.header-stats{display:flex;gap:24px;justify-content:center}.header-stats span{background:#fff3;border-radius:20px;font-size:14px;font-weight:600;padding:8px 20px}.catalog-main{margin:0 auto;max-width:1200px;padding:30px 20px 100px}.empty-catalog{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-catalog svg{color:#9ca3af;margin-bottom:20px}.empty-catalog h3{color:#374151;font-size:20px;margin:0 0 10px}.empty-catalog p{color:#6b7280;margin:0}.offers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.offer-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.offer-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.offer-image{height:220px;overflow:hidden;position:relative}.offer-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.offer-card:hover .offer-image img{transform:scale(1.1)}.offer-type{border-radius:12px;color:var(--theme-color);right:14px}.like-btn,.offer-type{align-items:center;background:#fff;box-shadow:0 4px 12px #00000026;display:flex;height:40px;justify-content:center;position:absolute;top:14px;width:40px}.like-btn{border:none;border-radius:50%;color:#9ca3af;cursor:pointer;left:14px;transition:all .3s ease}.like-btn:hover{transform:scale(1.1)}.like-btn.liked{background:#fef2f2;color:#ef4444}.offer-content{padding:20px}.offer-content h3{color:#1f2937;font-size:17px;font-weight:700;line-height:1.4;margin-bottom:10px}.offer-location{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;margin-bottom:14px}.offer-location svg{color:var(--theme-color)}.offer-specs{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;gap:16px;margin-bottom:14px;padding:14px 0}.spec{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.offer-price,.spec svg{color:var(--theme-color)}.offer-price{font-size:22px;font-weight:800}.contact-bar{background:#fff;bottom:0;box-shadow:0 -4px 20px #0000001a;display:flex;gap:12px;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.contact-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px;transition:all .3s ease}.contact-btn.whatsapp{background:#25d366;color:#fff}.contact-btn.whatsapp:hover{background:#1da851}.contact-btn.call{background:var(--theme-color);color:#fff}.contact-btn.call:hover{opacity:.9}.offer-modal{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.offer-modal .modal-content{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.offer-modal .modal-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:16px;top:16px;width:44px;z-index:10}.modal-gallery{background:#f3f4f6;height:280px;position:relative}.modal-gallery img{height:100%;object-fit:cover;width:100%}.gallery-nav{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px}.gallery-nav.prev{right:16px}.gallery-nav.next{left:16px}.gallery-dots{bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.gallery-dots .dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.gallery-dots .dot.active{background:#fff;border-radius:4px;width:24px}.modal-details{max-height:calc(90vh - 280px);overflow-y:auto;padding:24px}.modal-details h2{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:12px}.detail-location{align-items:center;color:#6b7280;display:flex;gap:8px;margin-bottom:16px}.detail-location svg,.detail-price{color:var(--theme-color)}.detail-price{font-size:28px;font-weight:800;margin-bottom:20px}.detail-specs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.spec-item{align-items:center;background:#f9fafb;border-radius:14px;display:flex;gap:12px;padding:16px}.spec-item svg{color:var(--theme-color)}.spec-item .label{color:#9ca3af;display:block;font-size:12px;margin-bottom:4px}.spec-item .value{color:#1f2937;display:block;font-size:15px;font-weight:600}.detail-description,.detail-features{margin-bottom:20px}.detail-description h4,.detail-features h4{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:10px}.detail-description p{color:#6b7280;line-height:1.7}.features-list{display:flex;flex-wrap:wrap;gap:10px}.feature-tag{background:color-mix(in srgb,var(--theme-color) 10%,#0000);border-radius:20px;color:var(--theme-color);font-size:14px;font-weight:500;padding:8px 16px}.modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;padding-top:20px}.modal-actions .btn{align-items:center;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .3s ease}.modal-actions .btn-primary{background:#25d366;border:none;color:#fff}.modal-actions .btn-primary:hover{background:#1da851}.modal-actions .btn-outline{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.modal-actions .btn-outline:hover{border-color:var(--theme-color);color:var(--theme-color)}.catalog-footer{color:#9ca3af;font-size:14px;padding:30px 20px 120px;text-align:center}.catalog-footer strong{color:var(--theme-color)}@media (max-width:768px){.catalog-header{padding:40px 16px 30px}.catalog-header h1{font-size:26px}.catalog-header p{font-size:16px}.header-stats{flex-wrap:wrap;gap:12px}.header-stats span{font-size:13px;padding:6px 16px}.offers-grid{gap:16px;grid-template-columns:1fr}.offer-image{height:200px}.offer-content{padding:16px}.offer-content h3{font-size:16px}.offer-price{font-size:20px}.detail-specs{grid-template-columns:1fr}.modal-gallery{height:220px}.modal-details{padding:20px}.modal-details h2{font-size:18px}.detail-price{font-size:24px}.modal-actions{flex-direction:column}.contact-bar{padding:14px 16px}.contact-btn{font-size:15px;padding:14px}}@media (max-width:480px){.catalog-header{padding:30px 12px 24px}.catalog-header h1{font-size:22px;margin-bottom:8px}.catalog-header p{font-size:14px;margin-bottom:16px}.header-stats span{font-size:12px;padding:5px 12px}.catalog-main{padding:20px 12px 100px}.offers-grid{gap:14px}.offer-card{border-radius:14px}.offer-image{height:180px}.like-btn,.offer-type{height:36px;top:12px;width:36px}.offer-type{border-radius:10px;right:12px}.like-btn{left:12px}.offer-content{padding:14px}.offer-content h3{font-size:15px;margin-bottom:8px}.offer-location{font-size:13px;margin-bottom:12px}.offer-specs{gap:12px;margin-bottom:12px;padding:12px 0}.spec{font-size:12px;gap:4px}.offer-price{font-size:18px}.contact-bar{gap:10px;padding:12px}.contact-btn{border-radius:12px;font-size:14px;gap:8px;padding:12px}.offer-modal{padding:0}.offer-modal .modal-content{border-radius:0;max-height:100vh}.offer-modal .modal-close{height:40px;right:12px;top:12px;width:40px}.gallery-nav{height:40px;width:40px}.gallery-nav.prev{right:12px}.gallery-nav.next{left:12px}.modal-gallery{height:200px}.modal-details{padding:16px}.modal-details h2{font-size:16px;margin-bottom:10px}.detail-location{font-size:13px;margin-bottom:12px}.detail-price{font-size:22px;margin-bottom:16px}.detail-specs{gap:12px;margin-bottom:20px}.spec-item{border-radius:12px;gap:10px;padding:14px}.spec-item .label{font-size:11px}.detail-description h4,.detail-features h4,.spec-item .value{font-size:14px}.detail-description p{font-size:13px}.features-list{gap:8px}.feature-tag{font-size:12px;padding:6px 12px}.modal-actions{gap:10px;padding-top:16px}.modal-actions .btn{border-radius:12px;font-size:14px;padding:14px}.not-found-content{border-radius:16px;padding:40px 24px}.not-found-content h1{font-size:60px}.not-found-content h2{font-size:20px}.not-found-content p{font-size:14px}.not-found-content .btn{font-size:14px;padding:12px 24px}.catalog-footer{font-size:13px;padding:24px 16px 100px}}@media (min-width:769px){.offer-modal{align-items:center}.offer-modal .modal-content{border-radius:24px;max-height:85vh}.catalog-footer{padding-bottom:30px}.contact-bar{border-radius:20px 20px 0 0;left:50%;max-width:500px;transform:translateX(-50%)}}.invoices-page{animation:fadeIn .4s ease}.page-header{background:linear-gradient(135deg,var(--surface-color),#1a5f4a08);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:24px;padding:20px 24px}.header-title{gap:16px}.header-title svg{background:linear-gradient(135deg,#1a5f4a26,#1a5f4a0d);border-radius:var(--radius-md);padding:12px}.header-title h1{font-size:24px;margin-bottom:4px}.header-title p{color:var(--text-secondary);font-size:14px}.invoice-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.invoice-stat-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.invoice-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.invoice-stat-card:before{border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.invoice-stat-card.income:before{background:#10b981}.invoice-stat-card.expense:before{background:#ef4444}.invoice-stat-card.profit:before{background:#8b5cf6}.invoice-stat-card.pending:before{background:#f59e0b}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;height:50px;width:50px}.invoice-stat-card.income .stat-icon{background:#10b98126;color:#10b981}.invoice-stat-card.expense .stat-icon{background:#ef444426;color:#ef4444}.invoice-stat-card.profit .stat-icon{background:#8b5cf626;color:#8b5cf6}.invoice-stat-card.pending .stat-icon{background:#f59e0b26;color:#f59e0b}.stat-content{flex:1 1}.stat-value{color:var(--text-primary);display:block;font-size:22px;font-weight:800;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:13px}.stat-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:4px;left:12px;padding:4px 10px;position:absolute;top:12px}html[dir=ltr] .stat-badge{left:auto;right:12px}.stat-badge.positive{background:#10b98126;color:#10b981}.stat-badge.negative{background:#ef444426;color:#ef4444}.stat-badge.warning{background:#f59e0b26;color:#f59e0b}.quick-invoice-stats{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:24px;overflow-x:auto;padding:16px 20px}.quick-invoice-stats .quick-stat{align-items:center;border-left:1px solid var(--border-color);display:flex;flex-direction:column;min-width:-webkit-fit-content;min-width:fit-content;padding:0 20px}html[dir=ltr] .quick-invoice-stats .quick-stat{border-left:none;border-right:1px solid var(--border-color)}.quick-invoice-stats .quick-stat:first-child{border:none}.quick-invoice-stats .value{color:var(--text-primary);font-size:20px;font-weight:800}.quick-invoice-stats .value.paid{color:#10b981}.quick-invoice-stats .value.pending{color:#f59e0b}.quick-invoice-stats .value.overdue{color:#ef4444}.quick-invoice-stats .value.month{color:var(--primary-color)}.quick-invoice-stats .label{color:var(--text-muted);font-size:12px;margin-top:4px}.filters-section{gap:16px;margin-bottom:24px}.search-box{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 16px}.search-box input{background:none;border:none;flex:1 1}.filters{align-items:center;display:flex;gap:12px}.filters select{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px}.invoices-list{display:flex;flex-direction:column;gap:12px}.invoice-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:all .3s ease}.invoice-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.invoice-type-indicator{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.invoice-card.income .invoice-type-indicator{background:#10b98126;color:#10b981}.invoice-card.expense .invoice-type-indicator{background:#ef444426;color:#ef4444}.invoice-main{flex:1 1;min-width:0}.invoice-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.invoice-id{background:var(--background-color);border-radius:4px;color:var(--text-muted);padding:2px 8px}.invoice-id,.invoice-status{font-size:12px;font-weight:600}.invoice-status{align-items:center;border-radius:20px;display:flex;gap:4px;padding:4px 10px}.invoice-status.paid{background:#10b98126;color:#10b981}.invoice-status.pending{background:#f59e0b26;color:#f59e0b}.invoice-status.overdue{background:#ef444426;color:#ef4444}.invoice-status.cancelled{background:#6b728026;color:#6b7280}.invoice-title{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.meta-item svg{color:var(--text-muted)}.invoice-amount{padding:0 20px;text-align:left}html[dir=ltr] .invoice-amount{text-align:right}.invoice-amount .amount{display:block;font-size:18px;font-weight:800;margin-bottom:4px}.invoice-amount .amount.income{color:#10b981}.invoice-amount .amount.expense{color:#ef4444}.invoice-amount .payment-method{color:var(--text-muted);font-size:12px}.invoice-actions{display:flex;gap:10px}.invoice-actions .action-btn{align-items:center;background:var(--background-color);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .2s ease;width:44px}.invoice-actions .action-btn svg{flex-shrink:0;height:20px;width:20px}.invoice-actions .action-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px #1a5f4a4d;color:#fff;transform:translateY(-2px)}.invoice-actions .action-btn.delete:hover{background:var(--danger-color);box-shadow:0 4px 12px #ef44444d}.empty-state{border-radius:var(--radius-lg)}.empty-state svg{color:var(--text-muted);opacity:.5}.empty-state p{margin-bottom:24px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{animation:modalSlide .3s ease;box-shadow:0 25px 60px #0000004d;max-width:500px;overflow:hidden}.modal-content.large{max-width:700px}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--background-color),#1a5f4a08);padding:20px 24px}.modal-header h2{font-size:18px;gap:12px}.modal-close{align-items:center;border-radius:10px;color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.modal-footer{gap:12px;padding:16px 24px}.type-selector{display:flex;gap:12px;margin-bottom:24px}.type-btn{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s ease}.type-btn.income.active,.type-btn.income:hover{background:#10b9811a;border-color:#10b981;color:#10b981}.type-btn.expense.active,.type-btn.expense:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:8px}.form-control{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease}.form-control:focus{border-color:var(--primary-color);outline:none}textarea.form-control{font-family:inherit;min-height:80px;resize:vertical}select.form-control{cursor:pointer}.form-section{background:var(--background-color);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.form-section h4{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:16px;padding-bottom:12px}.form-section h4 svg{color:var(--primary-color)}.invoice-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.invoice-type-badge{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.invoice-type-badge.income{background:#10b98126;color:#10b981}.invoice-type-badge.expense{background:#ef444426;color:#ef4444}.invoice-view-id{color:var(--text-muted);font-size:14px;font-weight:600}.invoice-view-amount{font-size:36px;font-weight:800;margin-bottom:16px;text-align:center}.invoice-view-amount.income{color:#10b981}.invoice-view-amount.expense{color:#ef4444}.invoice-view-status{align-items:center;border-radius:30px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:0 auto 24px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.invoice-view-status.paid{background:#10b98126;color:#10b981}.invoice-view-status.pending{background:#f59e0b26;color:#f59e0b}.invoice-view-status.overdue{background:#ef444426;color:#ef4444}.invoice-view-status.cancelled{background:#6b728026;color:#6b7280}.invoice-view-details{background:var(--background-color);border-radius:var(--radius-md);padding:20px}.detail-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row.full{flex-direction:column;gap:8px}.detail-label{color:var(--text-muted);font-size:13px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.status-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:20px;padding-top:20px}.status-actions span{color:var(--text-secondary);font-size:13px}.status-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.status-btn.paid{background:#10b98126;color:#10b981}.status-btn.paid:hover{background:#10b981;color:#fff}.status-btn.cancelled{background:#6b728026;color:#6b7280}.status-btn.cancelled:hover{background:#6b7280;color:#fff}.toast{animation:slideUp .3s ease;border-radius:var(--radius-md);bottom:24px;box-shadow:0 8px 24px #0003;color:#fff;gap:10px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:10000}.toast.success{background:linear-gradient(135deg,var(--success-color),#218838)}.toast.error{background:linear-gradient(135deg,var(--danger-color),#c82333)}@media (max-width:992px){.invoice-stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{padding:16px 20px}.header-title h1{font-size:22px}}@media (max-width:768px){.invoice-stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.filters,.invoice-card{flex-wrap:wrap}.invoice-amount{border-top:1px solid var(--border-color);margin-top:12px;padding:12px 0 0;text-align:right;width:100%}html[dir=ltr] .invoice-amount{text-align:left}.invoice-actions{justify-content:flex-end;margin-top:12px;width:100%}.form-grid{grid-template-columns:1fr}.quick-invoice-stats{flex-wrap:wrap}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header .btn{justify-content:center;width:100%}.header-title svg{padding:10px}.header-title h1{font-size:20px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.type-selector{flex-direction:column}.invoice-view-amount{font-size:28px}}@media (max-width:480px){.invoice-stats-grid{gap:12px}.invoice-stat-card{gap:12px;padding:16px}.stat-icon{height:44px;width:44px}.stat-value{font-size:18px}.stat-label{font-size:12px}.quick-invoice-stats{gap:12px;padding:12px 16px}.quick-invoice-stats .quick-stat{padding:0 12px}.quick-invoice-stats .value{font-size:16px}.quick-invoice-stats .label{font-size:11px}.search-box{min-width:100%;padding:10px 14px}.filters select{flex:1 1;font-size:13px;padding:10px 14px}.invoice-card{border-radius:12px;padding:16px}.invoice-type-indicator{height:40px;width:40px}.invoice-title{font-size:14px}.invoice-meta{gap:10px}.meta-item{font-size:12px}.invoice-amount .amount{font-size:16px}.action-btn{height:36px;width:36px}.modal-header{padding:16px 20px}.modal-header h2{font-size:16px}.modal-body{padding:20px}.modal-footer{flex-wrap:wrap;padding:14px 20px}.modal-footer .btn{flex:1 1;justify-content:center;min-width:calc(50% - 6px)}.form-control{font-size:13px;padding:10px 14px}.form-group label{font-size:12px}.invoice-view-amount{font-size:24px}.detail-row{padding:10px 0}.detail-label{font-size:12px}.detail-value{font-size:13px}.status-actions{flex-wrap:wrap;gap:8px}.status-btn{flex:1 1;justify-content:center}.empty-state{padding:60px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}.toast{font-size:13px;padding:12px 20px;width:calc(100% - 32px)}}.dark-theme .page-header{background:linear-gradient(135deg,#1e293b,#2d8b6e1a);border-color:#334155}.dark-theme .header-title svg{background:linear-gradient(135deg,#2d8b6e40,#2d8b6e1a)}.dark-theme .invoice-stat-card{background:#1e293b;border-color:#334155}.dark-theme .invoice-stat-card:hover{box-shadow:0 8px 24px #0000004d}.dark-theme .invoice-stat-card h3{color:#f1f5f9}.dark-theme .invoice-card{background:#1e293b;border-color:#334155}.dark-theme .invoice-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000004d}.dark-theme .invoice-card h3{color:#f1f5f9}.dark-theme .filters-section{background:#1e293b;border-color:#334155}.dark-theme .search-box input{background:#0f172a}.dark-theme .filter-group select{background-color:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .action-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .action-btn:hover{background:#1a5f4a33;border-color:var(--primary-color);box-shadow:0 4px 12px #0000004d;color:var(--primary-color)}.dark-theme .invoices-page .modal-content{background:#1e293b;border:1px solid #334155}.dark-theme .invoices-page .modal-header{border-color:#334155}.dark-theme .invoices-page .modal-header h2{color:#f1f5f9}.dark-theme .invoices-page .modal-close{background:#0f172a;color:#94a3b8}.dark-theme .invoices-page .modal-body{background:#1e293b}.dark-theme .invoices-page .modal-footer{background:#1e293b;border-color:#334155}.dark-theme .invoices-page .form-group label{color:#f1f5f9}.dark-theme .invoices-page .form-control{background:#0f172a;border-color:#334155;color:#f1f5f9}.notary-offices-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:32px}.header-content{gap:16px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:var(--primary-gradient);border-radius:var(--radius-xl);color:#fff;height:56px;justify-content:center;width:56px}.header-text h1{color:var(--text-primary);font-size:28px;font-weight:800;margin:0 0 4px}.header-text p{color:var(--text-muted);font-size:14px;margin:0}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-box svg{color:var(--text-muted);pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}html[dir=ltr] .search-box svg{left:14px;right:auto}.search-box input{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;padding:12px 44px 12px 16px;transition:var(--transition);width:100%}html[dir=ltr] .search-box input{padding:12px 16px 12px 44px}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f4a1a;outline:none}.results-count,.search-box input::placeholder{color:var(--text-muted)}.results-count{font-size:14px;font-weight:500}.offices-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.office-card{background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition)}.office-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.office-image{background:var(--background-color);height:180px;overflow:hidden;width:100%}.office-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#1a5f4a1a,#1a5f4a0d);color:var(--primary-color);display:flex;height:100%;justify-content:center;opacity:.6;width:100%}.office-content{padding:20px}.office-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.office-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.6;margin:0 0 16px;overflow:hidden}.office-details{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px}.detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:10px}.detail-item svg{color:var(--primary-color);flex-shrink:0}.office-actions{display:flex;gap:10px}.office-actions .action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:var(--transition)}.office-actions .action-btn.whatsapp{background:#25d366;color:#fff}.office-actions .action-btn.whatsapp:hover{background:#128c7e;transform:translateY(-2px)}.office-actions .action-btn.call{background:#1a5f4a1a;color:var(--primary-color)}.office-actions .action-btn.call:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.office-actions .action-btn.link{background:var(--background-color);border:1px solid var(--border-light);color:var(--text-secondary);flex:0 1;padding:12px;width:44px}.office-actions .action-btn.link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.empty-state{color:var(--text-muted);text-align:center}.empty-state svg{color:var(--primary-color);margin-bottom:20px;opacity:.4}.empty-state h3{font-weight:700;margin:0 0 8px}.empty-state p{margin:0}@media (max-width:768px){.notary-offices-page{padding:16px}.header-content{align-items:flex-start;flex-direction:column;text-align:right}html[dir=ltr] .header-content{text-align:left}.header-text h1{font-size:22px}.search-section{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.results-count{text-align:center}.offices-grid{grid-template-columns:1fr}.office-actions{flex-wrap:wrap}.office-actions .action-btn{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1}.office-actions .action-btn.link{flex:0 0 auto}}.dark-theme .office-card{background:#1e293b;border-color:#334155}.dark-theme .office-card:hover{box-shadow:0 20px 45px #0000004d}.dark-theme .office-image{background:#0f172a}.dark-theme .office-details{background:#1e293b}.dark-theme .office-name{color:#f1f5f9}.dark-theme .search-box input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .office-actions{border-color:#334155}.dark-theme .office-actions .action-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .office-actions .action-btn:hover{background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.notifications-page{animation:fadeIn .4s ease;margin:0 auto;max-width:900px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.notifications-hero{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#2a7a5f 100%);border-radius:20px;box-shadow:0 8px 32px #1a5f4a40;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:28px 32px}.hero-content{gap:16px}.hero-content,.hero-icon{align-items:center;display:flex}.hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;height:56px;justify-content:center;width:56px}.hero-text h1{font-size:24px;font-weight:700;margin-bottom:4px}.hero-text p{font-size:14px;opacity:.85}.hero-stats{display:flex;gap:16px}.hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;min-width:80px;padding:12px 20px;text-align:center}.hero-stat.highlight{background:#ffffff40}.stat-number{display:block;font-size:24px;font-weight:700}.stat-text{font-size:12px;opacity:.85}.notifications-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-tabs{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:8px;padding:6px}.filter-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.filter-tab:hover{background:var(--border-color);color:var(--text-primary)}.filter-tab.active{background:var(--primary-color);box-shadow:0 4px 12px #1a5f4a40;color:#fff}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.filter-tab.active .tab-badge{background:#fff;color:var(--primary-color)}.action-btn,.action-buttons{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.action-btn.icon-only{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:10px}.action-btn.icon-only:hover{background:var(--border-color);color:var(--text-primary)}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #1a5f4a40;transform:translateY(-1px)}.action-btn.primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px}.error-banner button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-right:auto;padding:6px 12px}[dir=ltr] .error-banner button{margin-left:auto;margin-right:0}.notifications-content{min-height:400px}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{color:var(--primary-color);margin-bottom:16px}.empty-state{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:20px;flex-direction:column;padding:80px 20px}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:var(--border-color);border-radius:50%;color:var(--text-muted);height:100px;margin-bottom:24px;width:100px}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px;max-width:300px;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:24px}.notification-group{display:flex;flex-direction:column;gap:12px}.group-header{align-items:center;display:flex;gap:16px;padding:0 4px}.group-date{color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.group-line{background:var(--border-color);flex:1 1;height:1px}.group-items{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:flex-start;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;position:relative;transition:all .2s ease}.notification-item:hover{border-color:var(--primary-light);box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.notification-item.unread{background:linear-gradient(135deg,#1a5f4a0a 0,var(--surface-color) 100%);border-color:var(--primary-color)}.notification-item.unread:before{background:var(--primary-color);border-radius:0 16px 16px 0;bottom:0;content:"";position:absolute;right:0;top:0;width:4px}[dir=ltr] .notification-item.unread:before{border-radius:16px 0 0 16px;left:0;right:auto}.unread-dot{background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 3px #1a5f4a33;height:8px;left:18px;position:absolute;top:18px;width:8px}[dir=ltr] .unread-dot{left:auto;right:18px}.item-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.item-content{flex:1 1;min-width:0}.item-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.item-type{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-time{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:12px;gap:4px}.item-title{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 4px}.item-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.mark-read-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:16px;opacity:0;position:absolute;top:16px;transform:scale(.8);transition:all .2s ease;width:28px}[dir=ltr] .mark-read-btn{left:auto;right:16px}.notification-item:hover .mark-read-btn{opacity:1;transform:scale(1)}.mark-read-btn:hover{background:var(--primary-dark)}.notifications-pagination{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;display:flex;gap:8px;justify-content:center;margin-top:32px;padding:16px}.pagination-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:4px}.page-btn{background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;height:36px;transition:all .2s ease;width:36px}.page-btn:hover{color:var(--primary-color)}.page-btn.active,.page-btn:hover{border-color:var(--primary-color)}.page-btn.active{background:var(--primary-color);color:#fff}@media (max-width:768px){.notifications-hero{align-items:stretch;flex-direction:column;gap:20px;padding:24px}.hero-stats{justify-content:center}.notifications-actions{align-items:stretch;flex-direction:column}.filter-tabs{margin-bottom:-6px;overflow-x:auto;padding-bottom:6px}.filter-tab{flex-shrink:0;white-space:nowrap}.filter-tab span{display:none}.filter-tab.active span{display:inline}.action-buttons{justify-content:space-between}.action-btn .btn-text{display:none}.action-btn.primary{flex:1 1;justify-content:center}.action-btn.primary .btn-text{display:inline}.notification-item{padding:14px}.item-icon{border-radius:10px;height:40px;width:40px}.item-icon svg{height:18px;width:18px}.item-header{align-items:flex-start;flex-direction:column;gap:4px}.unread-dot{height:6px;left:14px;top:14px;width:6px}[dir=ltr] .unread-dot{right:14px}.mark-read-btn{height:24px;left:14px;opacity:1;top:14px;transform:scale(1);width:24px}[dir=ltr] .mark-read-btn{right:14px}.pagination-btn span,.pagination-pages{display:none}}@media (max-width:480px){.hero-text h1{font-size:20px}.hero-icon{height:48px;width:48px}.filter-tabs{gap:4px}.filter-tab{font-size:13px;padding:8px 12px}}.dark-theme .filter-tabs{background:#1e293b;border-color:#334155}.dark-theme .filter-tab{color:#94a3b8}.dark-theme .filter-tab:hover{background:#334155;color:#f1f5f9}.dark-theme .filter-tab.active{background:var(--primary-color);color:#fff}.dark-theme .action-buttons .btn{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-theme .action-buttons .btn:hover{background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .notifications-list{background:#1e293b;border-color:#334155}.dark-theme .notification-item{border-color:#334155}.dark-theme .notification-item:hover{background:#1a5f4a1a}.dark-theme .notification-item.unread{background:#1a5f4a26}.dark-theme .notification-content h4{color:#f1f5f9}.dark-theme .notification-content p{color:#94a3b8}.dark-theme .empty-state{background:#1e293b}.dark-theme .empty-state h3{color:#f1f5f9}.dark-theme .pagination{background:#1e293b;border-color:#334155}.dark-theme .pagination-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .pagination-btn:hover:not(:disabled){background:#1a5f4a33;border-color:var(--primary-color);color:var(--primary-color)}.dark-theme .page-btn{background:#0f172a;color:#94a3b8}.dark-theme .page-btn.active{background:var(--primary-color);color:#fff}.app-layout{background:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1440px;padding:96px 28px 28px;width:100%}@media (max-width:1440px){.main-content{max-width:100%;padding-left:24px;padding-right:24px}}@media (max-width:1024px){.main-content{padding:84px 20px 20px}}@media (max-width:768px){.main-content{padding:80px 16px 16px}}@media (max-width:480px){.main-content{padding:76px 12px 12px}}.page-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.header-title,.page-header{align-items:center;display:flex}.header-title{gap:14px}.header-title svg{color:var(--primary-color)}.header-title h1{color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.5px}@media (max-width:600px){.page-header{gap:12px;margin-bottom:20px}.header-title{gap:10px}.header-title svg{height:22px;width:22px}.header-title h1{font-size:20px}.header-title .count{font-size:12px;padding:4px 10px}.header-actions,.page-header-actions{width:100%}.header-actions .btn,.page-header-actions .btn{flex:1 1;justify-content:center}}@media (max-width:400px){.header-title h1{font-size:18px}.header-title svg{height:20px;width:20px}}.header-title .count{background:var(--background-color);border-radius:20px;color:var(--text-muted);font-size:14px;font-weight:600;margin-right:10px;padding:6px 14px}html[dir=ltr] .header-title .count{margin-left:10px;margin-right:0}.header-actions,.page-header-actions{display:flex;flex-wrap:wrap;gap:12px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.stats-grid{gap:10px;grid-template-columns:1fr}}.stat-card{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:22px;min-width:0;overflow:hidden;padding:28px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));height:100%;transition:width .3s ease;width:4px}.stat-card:after,.stat-card:before{content:"";position:absolute;right:0;top:0}.stat-card:after{background:linear-gradient(135deg,#1a5f4a05,#0000);bottom:0;left:0;opacity:0;transition:opacity .3s ease}html[dir=ltr] .stat-card:before{left:0;right:auto}.stat-card:hover{border-color:var(--border-color);box-shadow:0 20px 50px #1a5f4a2e;transform:translateY(-6px)}.stat-card:hover:before{width:6px}.stat-card:hover:after{opacity:1}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 10px 28px #1a5f4a4d;color:#fff;display:flex;height:64px;justify-content:center;position:relative;width:64px;z-index:1}.stat-icon,.stat-icon:after{border-radius:var(--radius-lg)}.stat-icon:after{background:inherit;content:"";filter:blur(12px);inset:0;opacity:.4;position:absolute;transition:opacity .3s ease;z-index:-1}.stat-card:hover .stat-icon:after{opacity:.6}.stat-icon svg{height:28px;width:28px}@media (max-width:600px){.stat-card{border-radius:14px;gap:12px;padding:16px}.stat-icon{border-radius:12px;height:44px;width:44px}.stat-icon svg{height:22px;width:22px}}@media (max-width:400px){.stat-card{gap:10px;padding:14px}.stat-icon{height:40px;width:40px}.stat-icon svg{height:20px;width:20px}}.stat-info{flex:1 1;min-width:0}.stat-info h3{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1}.stat-info p{color:var(--text-secondary);font-size:14px;font-weight:500;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.stat-info h3{font-size:22px}.stat-info p{font-size:12px;margin-top:4px}}@media (max-width:400px){.stat-info h3{font-size:20px}.stat-info p{font-size:11px}}.stat-trend{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;margin-top:10px;padding:4px 10px}.stat-trend.positive{background:#10b9811a;color:var(--success-color)}.stat-trend.negative{background:#ef44441a;color:var(--danger-color)}@media (max-width:600px){.stat-trend{font-size:11px;margin-top:6px;padding:3px 8px}}.property-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.property-grid{gap:16px;grid-template-columns:1fr}}.property-card{background:var(--surface-color);border:1px solid #0000;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.property-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease;z-index:10}.property-card:hover{border-color:var(--primary-color);box-shadow:0 24px 56px #1a5f4a33;transform:translateY(-8px)}.property-card:hover:before{transform:scaleX(1)}.property-image{height:220px;overflow:hidden;position:relative}.property-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.property-card:hover .property-image img{transform:scale(1.08)}.property-badges{display:flex;flex-direction:column;gap:8px;position:absolute;right:14px;top:14px}html[dir=ltr] .property-badges{left:14px;right:auto}.property-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px}.property-status-badge,.property-type-badge{border-radius:20px;font-weight:600;padding:7px 14px}.property-status-badge{font-size:11px}.property-content{padding:22px}.property-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:10px;overflow:hidden}.property-location{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-bottom:18px}.property-location svg{color:var(--primary-color);flex-shrink:0}.property-details{grid-gap:14px;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:grid;gap:14px;grid-template-columns:repeat(3,1fr);padding:18px 0}.property-detail{text-align:center}.property-detail-icon{color:var(--primary-color);margin-bottom:6px}.property-detail-value{color:var(--text-primary);font-size:16px;font-weight:700}.property-detail-label{color:var(--text-muted);font-size:11px;font-weight:500}.property-footer{align-items:center;display:flex;justify-content:space-between;padding-top:18px}.property-price{color:var(--primary-color);font-size:24px;font-weight:800}.property-price span{color:var(--text-muted);font-size:14px;font-weight:500}.property-actions{display:flex;gap:10px}.property-action-btn{align-items:center;background:var(--background-color);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:44px}.property-action-btn:hover{background:var(--primary-color);box-shadow:0 6px 18px #1a5f4a59;color:#fff;transform:scale(1.15) rotate(10deg)}.property-action-btn.whatsapp:hover{background:#25d366;box-shadow:0 6px 18px #25d36666}.filters-section{align-items:center;background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:24px}.filters-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;padding:11px 16px;transition:var(--transition)}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5f4a1a;outline:none}.modal-overlay{align-items:center;animation:fadeIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);background:var(--surface-color);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:0 30px 80px #0000004d;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:26px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:var(--text-primary);font-size:22px;font-weight:700;gap:14px}.modal-header h2 svg{background:#1a5f4a1a;border-radius:10px;color:var(--primary-color);padding:8px}.modal-close{background:var(--background-color);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;padding:12px;transition:all .3s ease}.modal-close:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.modal-body{padding:28px}.modal-footer{border-top:1px solid var(--border-color);bottom:0;gap:14px;justify-content:flex-end;padding:20px 28px;position:-webkit-sticky;position:sticky}.modal-footer,.tabs{background:var(--background-color);display:flex}.tabs{border-radius:var(--radius-lg);gap:6px;margin-bottom:28px;padding:6px}.tab{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;position:relative;transition:var(--transition)}.tab:hover{background:var(--surface-color);color:var(--primary-color)}.tab.active{background:var(--primary-color);box-shadow:0 4px 12px #1a5f4a40;color:#fff}.toast-container{display:flex;flex-direction:column;gap:14px;left:50%;position:fixed;top:28px;transform:translateX(-50%);z-index:9999}.toast{align-items:center;animation:toast-slide .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0003;display:flex;font-size:14px;font-weight:600;gap:14px;min-width:320px;padding:18px 28px}@keyframes toast-slide{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:linear-gradient(135deg,var(--success-color),#34d399);color:#fff}.toast-error{background:linear-gradient(135deg,var(--danger-color),#f87171);color:#fff}.toast-warning{background:linear-gradient(135deg,var(--warning-color),#fbbf24);color:#1a1a1a}.toast-info{background:linear-gradient(135deg,var(--info-color),#60a5fa);color:#fff}
/*# sourceMappingURL=main.e0098139.css.map*/