.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--card);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-light);display:none}.app-header.with-back{justify-content:flex-start;gap:0;padding-left:var(--spacing-xs)}.header-title{font-size:var(--inteerio-fs-h6);font-family:var(--inteerio-font-semibold)}.header-spacer{flex:1}.brand{display:flex;align-items:center;gap:var(--spacing-md)}.brand-name{font-size:var(--inteerio-fs-h8);font-family:var(--inteerio-font-bold);letter-spacing:.2px;color:var(--text-primary)}.icon-button{display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.icon-button:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.icon-button:active{transform:none;opacity:1}.logo{width:32px;height:32px;object-fit:contain}@media (max-width: 360px){.brand-name{font-size:var(--inteerio-fs-h6)}}.app-content{height:100%;overflow:hidden}.tabs-nav{display:flex;gap:var(--spacing-sm);background:var(--card);border:1px solid var(--border-light);border-radius:999px;padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.tabs-btn{flex:1;border:0;padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;background:transparent;color:var(--text-primary);font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tabs-btn:active{transform:none;opacity:1}.tabs-btn-active{background:var(--bg-linear-gradient, linear-gradient(102.14deg, #054882 0%, #2563EB 100%));color:var(--text-white);box-shadow:var(--shadow-md)}.tabbar{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border-light);padding:var(--spacing-sm);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.tab{text-decoration:none;color:var(--text-secondary);font-size:var(--inteerio-fs-h1-2);display:grid;place-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tab:active{transform:none;opacity:1}.ico-pill{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:28px}.active-pill{background:#e8f0fe}.tab.active{color:var(--primary-color);font-family:var(--inteerio-font-semibold)}.lbl{letter-spacing:.2px}.safe-bottom{height:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.confirmation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;overflow:hidden;padding-bottom:1rem;animation:slideIn .25s ease-out}.confirmation-modal .modal-header{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);position:relative}.confirmation-modal .modal-icon{width:80px;height:80px;display:grid;place-items:center;background:#ef444429;border-radius:50%}.confirmation-modal .modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.confirmation-modal .modal-close path{stroke:var(--primary-color)}.confirmation-modal .modal-content{padding:var(--spacing-lg);text-align:center;padding-top:0}.confirmation-modal .modal-title{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.confirmation-modal .modal-message{margin:0;color:var(--text-secondary)}.confirmation-modal .modal-error{margin-top:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--error-border);border-radius:var(--radius-sm);background:var(--error-bg)}.confirmation-modal .error-message{margin:0;color:var(--error-color)}.confirmation-modal .modal-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);justify-content:center;padding-top:0}.confirmation-modal .loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-xs);display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:none}}.toast-container{position:fixed;z-index:9999;pointer-events:none}.toast-container.top-right{top:20px;right:20px}.toast-container.top-left{top:20px;left:20px}.toast-container.bottom-right{bottom:20px;right:20px}.toast-container.bottom-left{bottom:20px;left:20px}.toast-container.top-center{top:20px;left:50%;transform:translate(-50%)}.toast-container.bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;min-width:300px;max-width:400px;pointer-events:auto;transition:all .3s ease;border:1px solid transparent}.toast-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.toast-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.toast-warning{background-color:#fffbeb;border-color:#fed7aa;color:#d97706}.toast-info{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success .toast-icon{color:#16a34a}.toast-error .toast-icon{color:#dc2626}.toast-warning .toast-icon{color:#d97706}.toast-info .toast-icon{color:#2563eb}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:14px;font-family:var(--inteerio-font-medium);line-height:1.4;word-wrap:break-word}.toast-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.toast-close:hover{opacity:1;background-color:#0000001a}.toast-visible{opacity:1;transform:translateY(0)}.toast-hidden{opacity:0;transform:translateY(-100%)}.toast-container .toast:nth-child(1){animation:slideInTop .3s ease}.toast-container .toast:nth-child(2){animation:slideInTop .3s ease .1s both}.toast-container .toast:nth-child(3){animation:slideInTop .3s ease .2s both}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.toast{min-width:280px;max-width:calc(100vw - 40px);margin-bottom:8px;padding:12px 16px}.toast-message{font-size:13px}}.dark-mode .toast-success{background-color:#052e16;border-color:#166534;color:#bbf7d0}.dark-mode .toast-error{background-color:#450a0a;border-color:#dc2626;color:#fecaca}.dark-mode .toast-warning{background-color:#451a03;border-color:#d97706;color:#fed7aa}.dark-mode .toast-info{background-color:#0c4a6e;border-color:#2563eb;color:#bfdbfe}.app-shell{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--bg)}@font-face{font-family:inteerio-font;src:url(/assets/NunitoSans-Regular-qUfrjwMO.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-medium;src:url(/assets/NunitoSans-SemiBold-DVrRnLkE.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-semibold;src:url(/assets/NunitoSans-Bold-DcR24Hsb.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-bold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-extrabold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype")}@font-face{font-family:inteerio-font-thin;src:url(../assets/fonts/NunitoSans-Thin.ttf) format("truetype")}@font-face{font-family:inteerio-font-light;src:url(/assets/NunitoSans-Light-BoAiPYyo.ttf) format("truetype")}@font-face{font-family:inteerio-font-black;src:url(/assets/NunitoSans-Black-DZUf9e8v.ttf) format("truetype")}:root{--primary-color: #295196;--primary-hover: #2e6fd9;--primary-color-dark: #1e5fc9;--secondary-color: #5a7bc8;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--status-created: #3b82f6;--status-assigned: #8b5cf6;--status-info-collected: #06b6d4;--status-follow-up: #f59e0b;--status-estimate-shared: #84cc16;--status-visit-planned: #f97316;--status-decision-pending: #ec4899;--status-on-hold: #6b7280;--status-no-action: #9ca3af;--status-delivered: #059669;--status-lost: #ef4444;--status-created-bg: #dbeafe;--status-assigned-bg: #ede9fe;--status-info-collected-bg: #cffafe;--status-follow-up-bg: #fef3c7;--status-estimate-shared-bg: #ecfdf5;--status-visit-planned-bg: #ffedd5;--status-decision-pending-bg: #fce7f3;--status-on-hold-bg: #f3f4f6;--status-no-action-bg: #e5e7eb;--status-delivered-bg: #d1fae5;--status-lost-bg: #fee2e2;--text-white: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}.required-asterisk{color:var(--danger-color, #ef4444);margin-left:-4px;font-size:var(--inteerio-fs-h6, .75rem);font-family:var(--inteerio-font-semibold, inherit)}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-sidebar: #223458;--bg-header: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}#root{height:100vh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:var(--inteerio-fs-h13)}h2{font-size:var(--inteerio-fs-h12)}h3{font-size:var(--inteerio-fs-h11)}h4{font-size:var(--inteerio-fs-h10)}h5{font-size:var(--inteerio-fs-h9)}h6{font-size:var(--inteerio-fs-h8)}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h3);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);background:none}.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:none}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary:hover{background-color:var(--bg-primary);color:var(--text-primary)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-md)}.btn-warning:hover{background-color:#d97706;border-color:#d97706;box-shadow:var(--shadow-md)}}.btn-primary{background-color:var(--primary-color);color:var(--text-white)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-danger{background-color:var(--danger-color);color:var(--text-white);border:1px solid var(--danger-color)}.btn-warning{background-color:var(--warning-color);color:var(--text-white);border:1px solid var(--warning-color)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--inteerio-fs-h1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.scrollable-content,.activity-list,.lead-info-grid,.table-container{overflow-y:auto;overflow-x:auto}.force-scrollbar{overflow-y:scroll!important;overflow-x:auto!important}html,body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}html,body{overflow-y:scroll}.page-content,.lead-preview-layout,.lead-info-section,.navigation-tabs{overflow-y:auto;overflow-x:auto}.data-table-wrapper{overflow-x:auto;overflow-y:auto}.sidebar,.sidebar-content{overflow-y:auto;overflow-x:hidden}.modal-content{overflow-y:auto;overflow-x:auto;max-height:80vh}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}@font-face{font-family:inteerio-font;src:url(/assets/NunitoSans-Regular-qUfrjwMO.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-medium;src:url(/assets/NunitoSans-SemiBold-DVrRnLkE.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-semibold;src:url(/assets/NunitoSans-Bold-DcR24Hsb.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-bold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-extrabold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype")}@font-face{font-family:inteerio-font-thin;src:url(../assets/fonts/NunitoSans-Thin.ttf) format("truetype")}@font-face{font-family:inteerio-font-light;src:url(/assets/NunitoSans-Light-BoAiPYyo.ttf) format("truetype")}@font-face{font-family:inteerio-font-black;src:url(/assets/NunitoSans-Black-DZUf9e8v.ttf) format("truetype")}.home-container{height:100%;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden}.home-container .topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;display:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),padding var(--transition-fast)}.home-container .topbar.compact{background:var(--text-white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-sm);display:flex;transition:cubic-bezier(.075,.82,.165,1)}.home-container .hero{position:relative;background:linear-gradient(90deg,#054882,#2563eb);padding:var(--spacing-md);color:var(--text-white);box-shadow:var(--shadow-md)}.home-container .hero-top{display:flex;align-items:center;justify-content:space-between}.home-container .topbar.compact .brand-name{color:var(--text-primary)}.home-container .brand{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.home-container .brand-name{color:var(--text-white)}.home-container .icon-btn{background:#ffffff29;border:1px solid rgba(255,255,255,.28);color:var(--text-white);padding:6px 10px;line-height:1;border-radius:10px}.home-container .hero-welcome{margin-top:var(--spacing-lg)}.home-container .greeting .hello{margin:var(--spacing-sm) 0 var(--spacing-xs);font-size:var(--inteerio-fs-h9);font-family:var(--inteerio-font-semibold);letter-spacing:.2px;color:var(--text-primary)}.home-container .greeting .subtle{margin:0;color:var(--text-secondary);font-size:var(--inteerio-fs-h2)}.home-container .wave{display:inline-block;transform-origin:70% 70%}.home-container .reminder-card{margin-top:var(--spacing-md);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-sm);background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);margin:var(--spacing-md)}.home-container .reminder-text{color:var(--text-primary)}.home-container .dismiss-btn{background:transparent;border:none;font-size:18px;color:var(--text-secondary)}.home-container .overview-card{margin-top:var(--spacing-md);background:var(--bg-linear-gradient, linear-gradient(145deg, var(--primary-color), var(--primary-hover) 60%, var(--primary-color)));border-radius:var(--radius-xl);padding:var(--spacing-md);color:var(--text-white);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.home-container .overview-header h2{margin:0 0 var(--spacing-xs);font-size:var(--inteerio-fs-h5);font-family:var(--inteerio-font-semibold);color:var(--text-white)}.home-container .project-meta{margin:0;opacity:.9;font-size:var(--inteerio-fs-h1)}.home-container .project-meta .meta-key{opacity:.85;margin-right:var(--spacing-xs)}.home-container .overview-stats{margin-top:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.home-container .stat-block{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.home-container .stat-title{font-size:var(--inteerio-fs-h1);opacity:.95}.home-container .stat-value{font-size:var(--inteerio-fs-h11);font-family:var(--inteerio-font-bold);margin-top:var(--spacing-xs);color:var(--text-white)}.home-container .stat-hint{font-size:var(--inteerio-fs-h1-2);opacity:.95;margin-top:var(--spacing-xs);color:var(--text-white)}.home-container .section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);height:100%}.home-container .section-title{font-size:var(--inteerio-fs-h3);font-family:var(--inteerio-font-semibold);color:var(--text-primary);margin:0}.home-container .explore{padding:var(--spacing-md)}.home-container .section-heading{margin:0 0 var(--spacing-sm)}.home-container .feature-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-container .feature-card{position:relative;min-height:180px;background:#0b2b4f;color:var(--text-white);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer;scroll-snap-align:start}.home-container .feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000059 25%,#0000001a 60%,#0000)}.home-container .feature-card.card-1{background-image:url(/slide-1.jpg);background-size:cover;background-position:center}.home-container .feature-card.card-2{background-image:url(/slide-2.jpg);background-size:cover;background-position:center}.home-container .feature-card.card-3{background-image:url(/slide-3.jpg);background-size:cover;background-position:center}.home-container .feature-content{position:relative;z-index:1;max-width:80%;display:flex;height:100%}.home-container .feature-context{margin:auto 0}.home-container .feature-title{color:var(--text-white);line-height:1.2}.home-container .feature-title .block{display:block}.home-container .feature-sub{opacity:.95;color:var(--text-white);margin-top:var(--spacing-sm)}.home-container .feature-cta{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#ffffff14;color:var(--text-white);display:flex;align-items:center;justify-content:center;z-index:1}.home-container .dots{display:flex;gap:6px;justify-content:center;margin-top:var(--spacing-sm)}.home-container .dot{width:28px;height:4px;border-radius:999px;background:var(--border-light)}.home-container .dot.active{background:var(--primary-color)}.home-container .card-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.home-container .list-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.home-container .list-card:hover{box-shadow:var(--shadow-md)}}.home-container .list-card:focus-visible{outline:3px solid var(--ring)}.home-container .list-card:active,.home-container .milestone-card:active{transform:none;opacity:1}.home-container .card-main{min-width:0}.home-container .card-title{font-size:var(--inteerio-fs-h4);font-family:var(--inteerio-font-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.home-container .card-sub{color:var(--text-secondary);font-size:var(--inteerio-fs-h1)}.home-container .card-meta{text-align:right;color:var(--text-secondary);font-size:var(--inteerio-fs-h1);white-space:nowrap}.home-container .card-meta .time{margin-top:var(--spacing-xs)}.home-container .milestone-list{list-style:none;padding:0;display:grid;gap:var(--spacing-lg);height:100%;overflow:scroll}.home-container .milestone-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}@media (hover: hover) and (pointer: fine){.home-container .milestone-card:hover{box-shadow:var(--shadow-md)}}.home-container .milestone-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--status-visit-planned-bg);color:var(--warning-color);border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--inteerio-fs-h3);font-family:var(--inteerio-font-semibold)}.home-container .milestone-title{margin-top:var(--spacing-sm);font-size:var(--inteerio-fs-h5);font-family:var(--inteerio-font-bold);color:var(--text-primary)}.home-container .milestone-range{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:var(--inteerio-fs-h2)}.home-container .milestone-bar{margin-top:var(--spacing-md);width:100%;height:8px;background:var(--border-light);border-radius:999px;overflow:hidden;transition:all var(--transition-normal)}.home-container .milestone-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-1),var(--primary-color));transition:width var(--transition-slow)}.home-container .milestone-progress-label{margin-top:var(--spacing-md);text-align:center;color:var(--text-primary);font-size:var(--inteerio-fs-h2);font-family:var(--inteerio-font-semibold)}@media (max-width: 360px){.home-container .stat-value{font-size:var(--inteerio-fs-h9)}}.home-container .cta-inspirations{position:relative;margin-top:var(--spacing-lg);background:linear-gradient(90deg,#eef5ff,#e5efff,#dfeaff);border:1px solid #cfe0ff;padding:var(--spacing-xl) var(--spacing-md)}.home-container .cta-badge{display:inline-block;padding:10px 16px;border-radius:12px;background:#2563eb1f;color:#054882;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.home-container .cta-title{margin:var(--spacing-sm) 0;color:var(--text-primary)}.home-container .cta-sub{margin:0 0 var(--spacing-md);color:var(--text-secondary)}.home-container .primary-btn{display:block;width:100%;background:linear-gradient(90deg,#054882,#2563eb);color:var(--text-white);border:none;padding:14px 16px;border-radius:14px;box-shadow:0 8px 18px #2563eb38}.home-container .cta-blob{display:none}.home-container .cta-heart{position:absolute;right:-12px;top:-24px;width:140px;height:140px;pointer-events:none}.home-container .cta-heart svg{width:100%;height:100%}.home-container .whats-new{margin-top:var(--spacing-lg);padding:var(--spacing-md)}.home-container .news-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:92%;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory}.home-container .news-card{position:relative;margin-top:var(--spacing-sm);border:1px solid #cfe0ff;border-radius:18px;background:var(--card);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);box-shadow:var(--shadow-sm);scroll-snap-align:start}.home-container .chip{position:absolute;top:0;left:0;display:inline-block;background:linear-gradient(90deg,#054882,#2563eb);color:var(--text-white);padding:8px 14px;border-radius:12px 0}.home-container .news-title{margin:var(--spacing-sm) 0;color:var(--text-primary)}.home-container .news-sub{margin:0 0 var(--spacing-md);color:var(--text-secondary)}.home-container .news-illustration{width:100%;height:140px;background:radial-gradient(120px 120px at 55% 25%,rgba(157,198,255,.6),transparent 60%),linear-gradient(135deg,var(--primary-1),var(--primary-color));border-radius:16px;margin-bottom:var(--spacing-sm);display:flex}.home-container .news-illustration svg{margin:auto}.home-container .trusted{padding:var(--spacing-xl)}.home-container .trusted-title{margin:0;color:#c9cdd3;font-size:clamp(22px,6vw,34px);line-height:1.25;letter-spacing:.2px;text-shadow:0 6px 22px rgba(0,0,0,.06)}.notifications-page{padding:0;height:100%;display:flex;flex-direction:column}.card-list{list-style:none;padding:0;display:grid;gap:0;overflow-y:auto;padding:var(--spacing-md);padding-top:0;margin:0;height:100%;overflow:scroll}.list-card{background:transparent;border-radius:0;padding:var(--spacing-lg) var(--spacing-md);display:grid;grid-template-columns:1fr auto;gap:var(--spacing-md);box-shadow:none;border:none;border-bottom:1px solid var(--border-color)}@media (hover: hover) and (pointer: fine){.list-card:hover{background:#00000005}}.list-card:active{transform:none;opacity:1}.list-card:focus-visible{outline:3px solid var(--ring)}.card-main{min-width:0}.card-title{font-size:var(--inteerio-fs-h5);font-family:var(--inteerio-font-semibold);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.card-sub{color:var(--text-secondary);font-size:var(--inteerio-fs-h1)}.card-meta{text-align:right;color:var(--text-secondary);font-size:var(--inteerio-fs-h1);white-space:nowrap}.card-meta .time{margin-top:var(--spacing-xs)}.favourites-container{height:100%;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg);padding-bottom:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-md)}.favourites-header{background:var(--card);border-bottom:1px solid var(--border-light);top:0;z-index:10}.favourites-title{margin:0 0 var(--spacing-md) 0;font-size:var(--inteerio-fs-h6);color:var(--text-primary)}.search-section{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:center}.add-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.add-button:active{opacity:.8;transform:scale(.95)}.filter-section{display:flex;gap:var(--spacing-sm);align-items:center}.filter-icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.filter-icon-button:active{opacity:.8;transform:scale(.95)}.filter-tabs{display:flex;gap:var(--spacing-sm);overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg);color:var(--text-secondary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-shrink:0}.filter-tab.active{background:var(--primary-color);color:var(--text-white);border-color:transparent;font-family:var(--inteerio-font-semibold)}.filter-tab:active{opacity:.8;transform:scale(.95)}.inspirations-feed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.inspiration-card{background:var(--card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.inspiration-card{cursor:pointer}.inspiration-card:active{transform:scale(.98);opacity:.95}.inspiration-card:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.card-image-container{position:relative;width:100%;padding-top:75%;overflow:hidden;background:var(--bg)}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.favorite-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.favorite-button.favorited{background:#ef4444e6;color:var(--text-white);border-color:transparent}.favorite-button:active{transform:scale(.9)}.card-add-button{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:var(--text-white);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-md)}.card-add-button:active{transform:scale(.9);opacity:.8}.card-dots{display:flex;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs)}.dot{width:6px;height:6px;border-radius:50%;background:var(--border-color);transition:all var(--transition-fast)}.dot.active{background:var(--primary-color);width:20px;border-radius:3px}.card-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--inteerio-fs-h5);color:var(--text-primary)}.card-description{margin:0;color:var(--text-secondary);font-size:var(--inteerio-fs-h3);line-height:1.5}@media (hover: hover) and (pointer: fine){.inspiration-card:hover{box-shadow:var(--shadow-md)}.favorite-button:hover{background:#fff}.card-add-button:hover{background:var(--primary-hover)}}.search-bar{flex:1;position:relative;display:flex;align-items:center;background:var(--bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md)}.search-icon{color:var(--text-secondary);margin-right:var(--spacing-sm);flex-shrink:0}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3)}.search-input::placeholder{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;animation:modal-overlay-fade-in .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes modal-overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.modal-overlay .modal-sheet{width:100%;max-width:720px;background:var(--card);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));background:var(--text-white);display:flex;flex-direction:column;max-height:90vh;transform:translateY(100%);animation:modal-sheet-slide-up .32s cubic-bezier(.4,0,.2,1) forwards}@keyframes modal-sheet-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.modal-overlay .modal-title{margin:0;color:var(--text-primary)}.modal-overlay .modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg);color:var(--text-secondary)}.modal-overlay .modal-body{padding:var(--spacing-md);height:100%;overflow:hidden}.modal-overlay .modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.modal-overlay .btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:transparent;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--inteerio-fs-h3)}.modal-overlay .btn-primary{background:var(--primary-color);color:var(--text-white);border:1px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--inteerio-fs-h3)}.modal-overlay .modal-close{width:32px;height:32px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.modal-overlay .modal-close path{stroke:var(--primary-color)}.filter-layout{display:flex;min-height:360px;height:100%}.filter-layout .filter-sidebar{background:var(--status-created-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);height:100%;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.filter-sidebar-item{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--inteerio-fs-h3);font-family:var(--inteerio-font);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.filter-sidebar-item:hover{background:#ffffff80}.filter-sidebar-item.active{background:var(--primary-color);color:var(--text-white);font-family:var(--inteerio-font-semibold)}.filter-sidebar-item:active{opacity:.8;transform:scale(.98)}.filter-layout .filter-content{padding:0 var(--spacing-md);flex:1;overflow-y:auto}.filter-layout .filter-group-title{margin:0 0 var(--spacing-md);color:var(--text-primary);font-size:var(--inteerio-fs-h3)}.filter-layout .radio-field{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0;color:var(--text-primary)}.filter-layout .radio-input{width:18px;height:18px;cursor:pointer}.filter-layout .radio-field span{font-size:var(--inteerio-fs-h3);color:var(--text-primary);cursor:pointer}.filter-categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-field{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--text-primary);cursor:pointer}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-field span{font-size:var(--inteerio-fs-h3);color:var(--text-primary);cursor:pointer}.favourites-preview-container{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg);z-index:100;overflow:hidden}.favourites-preview-container .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.favourites-preview-container .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.favourites-preview-container .back-button:active{opacity:.8;transform:scale(.95)}.favourites-preview-container .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.favourites-preview-container .preview-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.favourites-preview-container .preview-image-container{position:relative;width:100%;padding-top:75%;overflow:hidden;background:var(--bg);cursor:pointer}.favourites-preview-container .preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.favourites-preview-container .preview-image-dots{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs);z-index:1}.favourites-preview-container .preview-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all var(--transition-fast)}.favourites-preview-container .preview-dot.active{background:var(--text-white);width:20px;border-radius:3px}.favourites-preview-container .preview-details{padding:var(--spacing-md);background:var(--card)}.favourites-preview-container .preview-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.favourites-preview-container .preview-detail-title{margin:0;color:var(--text-primary);flex:1}.favourites-preview-container .preview-favorite-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:50%;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.favourites-preview-container .preview-favorite-button.favorited{color:var(--danger-color)}.favourites-preview-container .preview-favorite-button:active{opacity:.8;transform:scale(.9)}.favourites-preview-container .preview-description{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.6}.favourites-preview-container .preview-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.favourites-preview-container .preview-tag{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);background:var(--text-white);white-space:nowrap}.favourites-preview-container .preview-uploader{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg);border-radius:var(--radius-lg)}.favourites-preview-container .uploader-info{display:flex;align-items:center;gap:var(--spacing-md)}.favourites-preview-container .uploader-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.favourites-preview-container .uploader-label{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.favourites-preview-container .uploader-name{color:var(--text-primary)}.favourites-preview-container .uploader-meta{text-align:right}.favourites-preview-container .uploader-date{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.favourites-preview-container .uploader-time{color:var(--text-secondary)}.favourites-preview-container .preview-footer{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border-light)}.favourites-preview-container .share-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-size:var(--inteerio-fs-h4);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.favourites-preview-container .share-button:active{opacity:.9;transform:scale(.98)}@media (hover: hover) and (pointer: fine){.favourites-preview-container .share-button:hover{background:var(--primary-hover)}}.full-page-image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1a1a1a;color:var(--text-white, #ffffff)}.image-preview-overlay{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a}.image-preview-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.image-preview-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:calc(var(--spacing-md) + env(safe-area-inset-top)) var(--spacing-md) var(--spacing-md);display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--spacing-xs)}.image-preview-download,.image-preview-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.image-preview-download:active,.image-preview-close:active{opacity:.7;transform:scale(.9)}.image-preview-main{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative}.image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.full-page-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);z-index:5;-webkit-tap-highlight-color:transparent}.image-nav-button.prev-button{left:var(--spacing-md)}.image-nav-button.next-button{right:var(--spacing-md)}.image-nav-button:active{opacity:.7;transform:translateY(-50%) scale(.9)}.image-preview-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%)}.pagination-indicator{background:#ffffffe6;border-radius:999px;padding:var(--spacing-xs) var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-text{font-size:14px;font-weight:600;color:#000}.pagination-dots{display:flex;gap:var(--spacing-xs);align-items:center}.pagination-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all var(--transition-fast)}.pagination-dot.active{background:var(--text-white);width:20px;border-radius:3px}.pagination-dot:active{transform:scale(1.2)}@media (max-width: 768px){.image-nav-button{opacity:.3}.image-preview-main:hover .image-nav-button,.image-wrapper:hover .image-nav-button{opacity:1}}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;animation:fadeInOverlay .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.share-modal-sheet{width:100%;max-width:100%;background:var(--text-white);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:0 -4px 20px #00000026;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));transform:translateY(100%);animation:slideUpSpring .45s cubic-bezier(.32,1.07,.47,1) forwards}@keyframes slideUpSpring{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-8px);opacity:1}85%{transform:translateY(4px);opacity:1}to{transform:translateY(0);opacity:1}}.share-modal-preview{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.share-preview-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.share-preview-text{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.share-preview-title{font-size:var(--inteerio-fs-h5);color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.share-preview-url{font-size:var(--inteerio-fs-h3);color:var(--text-secondary)}.share-options{display:flex;justify-content:space-around;gap:var(--spacing-md);padding:var(--spacing-md) 0}.share-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex:1;max-width:80px}.share-option:active{opacity:.7;transform:scale(.95)}.share-option-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-white);flex-shrink:0}.share-option-icon.square{border-radius:var(--radius-md)}.share-option-icon svg{width:28px;height:28px}.share-option-label{font-size:var(--inteerio-fs-h3);color:var(--text-primary);text-align:center;white-space:nowrap}.share-modal-drag-indicator{width:36px;height:4px;background:var(--border-color);border-radius:2px;margin:var(--spacing-sm) auto 0}.add-inspiration-container{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg);z-index:100;overflow:hidden}.add-inspiration-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light);flex-shrink:0}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.back-button:active{opacity:.8;transform:scale(.95)}.add-inspiration-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.add-inspiration-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.image-upload-section{margin-bottom:var(--spacing-lg)}.upload-placeholder{width:100%;min-height:240px;border:2px dashed var(--primary-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--bg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.upload-placeholder:active{opacity:.8;transform:scale(.98)}.upload-placeholder:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.upload-icon-wrapper{width:80px;height:80px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--text-white)}.upload-label{font-size:var(--inteerio-fs-h4);color:var(--text-primary)}.upload-hint{color:var(--text-secondary)}.uploaded-images-container{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden}.uploaded-image-wrapper{position:relative;width:100%;padding-top:75%;background:var(--bg);overflow:hidden}.uploaded-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.remove-image-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background:#ef4444e6;border:none;color:var(--text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2;-webkit-tap-highlight-color:transparent}.remove-image-button:active{opacity:.8;transform:scale(.9)}.image-dots-indicator{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs);z-index:2}.image-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;transition:all var(--transition-fast)}.image-dot.active{background:var(--primary-color);width:20px;border-radius:3px}.upload-image-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:var(--text-white);cursor:pointer;transition:all var(--transition-fast);z-index:2;-webkit-tap-highlight-color:transparent}.upload-image-nav-button.prev-button{left:var(--spacing-md)}.upload-image-nav-button.next-button{right:var(--spacing-md)}.upload-image-nav-button:active{opacity:.7;transform:translateY(-50%) scale(.92)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-wrapper,.textarea-wrapper{position:relative;width:100%}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card);color:var(--text-primary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3);transition:all var(--transition-fast)}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2551961a}.char-counter{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.textarea-wrapper .char-counter{position:absolute;right:var(--spacing-md);bottom:var(--spacing-md);transform:none}.add-tags-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.add-tags-button:active{opacity:.8;transform:scale(.98)}.add-inspiration-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border-top:1px solid var(--border-light);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));flex-shrink:0}.cancel-button{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card);color:var(--text-primary);font-size:var(--inteerio-fs-h4);font-family:var(--inteerio-font-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.cancel-button:active{opacity:.8;transform:scale(.98)}.publish-button{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-lg);background:var(--primary-color);color:var(--text-white);font-size:var(--inteerio-fs-h4);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.publish-button:active{opacity:.9;transform:scale(.98)}@media (hover: hover) and (pointer: fine){.publish-button:hover{background:var(--primary-hover)}.cancel-button:hover{background:var(--bg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--inteerio-font-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none}.btn-primary{background:var(--primary-color);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-tertiary{background:var(--bg-third);color:var(--text-primary);border:1px solid var(--border-color)}.btn-tertiary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-tertiary-secondary{background:var(--bg-third);color:var(--text-primary);border:1px solid var(--border-color)}.btn-tertiary-secondary:hover:not(:disabled){background:var(--bg-third);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--danger-color);color:var(--text-white);border:1px solid var(--danger-color)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-sm)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--inteerio-fs-h1);min-height:32px}.btn-medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--inteerio-fs-h3);min-height:36px}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--inteerio-fs-h2);min-height:48px}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.btn-medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--inteerio-fs-h3)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--inteerio-fs-h3)}}.add-tags-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;overflow:hidden}.add-tags-modal-body .search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary)}.add-tags-modal-body .search-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3)}.add-tags-modal-body .hint{color:var(--text-secondary)}.add-tags-modal-body .preview-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.add-tags-modal-body .preview-tags-container{height:100%;overflow:scroll}.add-tags-modal-body .preview-tag{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);background:var(--text-white);white-space:nowrap;font-size:var(--inteerio-fs-h3);cursor:pointer;transition:all var(--transition-fast)}.add-tags-modal-body .preview-tag.active{background:var(--primary-color);color:var(--text-white)}.add-tags-modal-body .add-tags-footer{display:flex;gap:var(--spacing-md);width:100%}@media (hover: hover) and (pointer: fine){.add-tags-modal-body .add-tags-footer .publish-button:hover{background:var(--primary-hover)}}.projects-container{padding-bottom:24px;overflow:scroll;height:100%}.projects-hero{position:sticky;top:0;z-index:5}.project-card{background:var(--bg-linear-gradient, linear-gradient(145deg, var(--primary-color), var(--primary-hover) 60%, var(--primary-color)));color:#fff;padding:18px 16px 32px;position:relative;overflow:hidden}.project-header-row{display:flex;align-items:center;gap:8px}.back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000026;border:none;border-radius:999px}.project-title{font-size:22px}.project-badge{display:inline-block;font-size:12px;padding:6px 12px;border-radius:10px;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-cityline{height:80px;opacity:.35;background:linear-gradient(to right,#ffffff40,#ffffff0f);border-radius:12px;margin-top:16px}.overview-section{padding:16px}.overview-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--border-color)}.card-title{margin:0 0 12px}.progress-row{display:flex;flex-direction:column;gap:8px}.legend{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:10px;color:#3b3b3b}.dot{width:10px;height:7px;border-radius:50%;display:inline-block}.dot.done{background:#1f5cd7}.dot.pending{background:#e6e7eb}.milestone-group{margin-top:16px}.milestone-title{margin:0!important}.milestone-bar{width:100%;height:10px;background:#e6e7eb;border-radius:999px;overflow:hidden}.milestone-fill{height:100%;background:var(--bg-linear-gradient, linear-gradient(145deg, var(--primary-color), var(--primary-hover) 60%, var(--primary-color)))}.milestone-note{margin-top:8px;color:#111}.projects-section{margin-top:10px;padding:0 16px}.section-title{margin:0 0 10px}.alert-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000f}.alert-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#295196;background:#e8f0fe;border-radius:999px}.list-section{padding:0 16px}.list-item{display:flex;gap:14px;padding:18px 4px;border-bottom:1px solid #eee}.li-ico{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e8f0fe;color:#295196}.li-title{font-size:18px}.li-sub{color:#6b7280}.projects-actions{padding:20px 16px 32px}.view-details-btn{width:100%;padding:14px;border-radius:10px;border:none;background:#295196;color:#fff;cursor:pointer}.profile-container{display:flex;flex-direction:column;height:100%}.profile-container .profile-header{background:var(--card);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative}.profile-container .project-selector{position:relative;margin-bottom:var(--spacing-lg)}.profile-container .project-button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:transparent;color:var(--text-primary);padding:0;width:100%}.profile-container .project-button .proj-left{display:inline-flex;align-items:center;gap:12px}.profile-container .project-button .bldg{color:var(--primary-color);display:inline-flex}.profile-container .project-button .caret{color:var(--text-secondary);font-size:18px}.profile-container .profile-user{display:flex;align-items:center;gap:var(--spacing-lg)}.profile-container .avatar{width:96px;height:96px;border-radius:50%;object-fit:cover}.profile-container .user-info .name{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--inteerio-fs-h6);font-family:var(--inteerio-font-semibold)}.profile-container .meta .row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3)}.profile-container .profile-list{background:var(--bg);overflow:scroll;height:100%}.profile-container .profile-item{width:100%;display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--card);border:none;border-bottom:1px solid var(--border-light);text-align:left;color:var(--text-primary)}.profile-container .profile-item .ico{font-size:22px;color:var(--primary-color)}.profile-container .profile-item .txt .title{font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h4)}.profile-container .profile-item .txt .sub{color:var(--text-secondary);margin-top:4px;font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3)}.profile-container .profile-item.danger .ico{color:var(--primary-color);display:flex}.profile-container .profile-edit-button{position:absolute;top:var(--spacing-2xl);right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:50%;background:var(--bg);color:var(--primary-color);cursor:pointer;top:7rem}.plm{display:grid}.plm-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.plm-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md);padding:14px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg)}.plm-item.active{background:#e9f1ff;border-color:#d3e4ff}.plm-left{display:flex;align-items:center;gap:var(--spacing-md)}.plm-txt .plm-title{color:var(--text-primary)}.plm-txt .plm-sub{color:var(--text-secondary)}.profile-edit-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.profile-edit-container .profile-edit-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.profile-edit-container .profile-edit-header .title{margin:0;color:var(--text-primary)}.profile-edit-container .profile-edit-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.profile-edit-container .back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);border-radius:var(--radius-md)}.profile-edit-container .avatar-section{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) 0;padding-top:0}.profile-edit-container .avatar-ring{position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent)}.profile-edit-container .avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 8px 30px #0000001a}.profile-edit-container .avatar-initials{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark, var(--primary-color)));color:#fff;font-size:48px;font-weight:600;font-family:var(--inteerio-font-semibold);box-shadow:0 8px 30px #0000001a}.profile-edit-container .camera-badge{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0009;color:#fff}.profile-edit-container .form{display:flex;flex-direction:column}.profile-edit-container .form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg);padding:var(--spacing-sm);border-radius:var(--radius-md)}.profile-edit-container .label{color:var(--text-primary)}.profile-edit-container .req{color:var(--danger-color)}.profile-edit-container .grid-2{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}@media (min-width: 520px){.profile-edit-container .grid-2{grid-template-columns:1fr 1fr}}.profile-edit-container .field-label{color:var(--text-secondary)}.profile-edit-container .input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card);color:var(--text-primary);font-size:var(--inteerio-fs-h3)}.profile-edit-container .input[readonly]{background:var(--bg);color:var(--text-secondary)}.profile-edit-container .input-with-addon{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--spacing-sm)}.profile-edit-container .addon{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);font-size:var(--inteerio-fs-h3);height:3rem;display:flex;align-items:center}.profile-edit-container .static-input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg);color:var(--text-secondary);font-size:var(--inteerio-fs-h3);height:3rem;display:flex;align-items:center}.profile-edit-container .static-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-sm)}.profile-edit-container .static-ico{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg);color:var(--primary-color);border:1px solid var(--border-color)}.profile-edit-container .value-box{padding:0;border:none;background:transparent;color:var(--text-primary);font-family:var(--inteerio-font-semibold);letter-spacing:.3px;font-size:var(--inteerio-fs-h3)}.profile-edit-container .value-sub{color:var(--text-secondary);font-family:var(--inteerio-font);margin-top:2px}.profile-edit-container .copy-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer}.profile-edit-container .copy-btn:active{transform:scale(.98)}.profile-edit-container .actions{position:sticky;bottom:0;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));margin:0 - var(--spacing-md);background:var(--bg-header);border-top:1px solid var(--border-light)}.profile-edit-container .save-btn{border-radius:var(--radius-lg);width:100%}.themes-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.themes-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.themes-header .title{margin:0;color:var(--text-primary)}.themes-content{padding:var(--spacing-md);overflow:auto;flex:1}.theme-preview-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.preview-banner{height:96px;background:var(--bg-light-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.preview-banner.dark{background:#1f2937}.preview-lines .line{height:12px;border-radius:999px;background:var(--bg-tertiary);margin-bottom:var(--spacing-sm)}.preview-lines .line.big{width:60%}.preview-lines .line.small{width:40%}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.segment{border:none;background:transparent;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg)}.segment.active{background:var(--primary-color);color:var(--text-white);box-shadow:var(--shadow-sm)}.section-title{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.theme-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md)}.theme-name{color:var(--text-primary)}.themes-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));background:var(--bg-header);border-top:1px solid var(--border-light)}.themes-actions .cancel-button,.themes-actions .publish-button{flex:1}.shortlisted-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.shortlisted-container .shortlisted-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.shortlisted-container .shortlisted-header .title{margin:0;color:var(--text-primary)}.shortlisted-container .shortlisted-content{padding:var(--spacing-md);overflow-y:auto;gap:var(--spacing-lg)}.shortlisted-container .back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);border-radius:var(--radius-md)}.shortlisted-container .card{margin-bottom:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xs)}.shortlisted-container .card-image{position:relative;width:100%;padding-top:56%;overflow:hidden}.shortlisted-container .card-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shortlisted-container .image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg-light-secondary);color:var(--text-secondary)}.shortlisted-container .fav-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--text-white);color:var(--danger-color);border:none;box-shadow:var(--shadow-sm)}.shortlisted-container .dots{position:absolute;left:var(--spacing-md);bottom:var(--spacing-md);display:flex;gap:6px}.shortlisted-container .dots span{width:6px;height:6px;border-radius:50%;background:#ffffffb3}.shortlisted-container .card-body{padding:var(--spacing-md)}.shortlisted-container .card-title{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.shortlisted-container .card-desc{margin:0;color:var(--text-secondary)}.terms-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.terms-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.terms-header .title{margin:0;color:var(--text-primary)}.terms-content{padding:var(--spacing-lg) var(--spacing-md);overflow-y:auto}.h2{color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.updated{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.toc{color:var(--primary-color);padding-left:var(--spacing-lg);margin:0 0 var(--spacing-lg) 0}.section-title{color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm)}.p{color:var(--text-secondary);line-height:1.7;margin:0 0 var(--spacing-md) 0}.list{color:var(--text-secondary);padding-left:var(--spacing-lg);display:grid;gap:var(--spacing-xs)}.terms-content ol li,.terms-content ul li{font-size:var(--inteerio-fs-h3);font-family:var(--inteerio-font);color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);list-style-type:decimal;list-style-position:inside;text-indent:-1em;margin-left:1em;margin-right:1em}.drafts-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.drafts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.drafts-header .title{margin:0;color:var(--text-primary)}.drafts-list{padding:var(--spacing-md);overflow-y:auto;display:grid;gap:var(--spacing-md)}.draft-card{position:relative;background:var(--text-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-md);box-shadow:var(--shadow-xs)}.thumb-wrap{width:120px;height:120px;border-radius:var(--radius-md);position:relative;overflow:hidden;background:var(--bg-light-secondary)}.thumb{width:100%;height:100%;object-fit:cover;display:block}.image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-secondary)}.info{margin-left:var(--spacing-md);margin:auto;display:flex;flex-direction:column}.name{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.desc{margin:0;color:var(--text-secondary)}.draft-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);align-items:start}.delete-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:none;background:transparent;color:var(--danger-color)}.publish-row{grid-column:1 / -1;margin-top:var(--spacing-md)}.uploads-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.uploads-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.uploads-header .title{margin:0;color:var(--text-primary)}.uploads-feed{padding:var(--spacing-md);overflow-y:auto;display:grid;gap:var(--spacing-md);height:100%;overflow:scroll}.upload-card{background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;height:max-content}.card-image-container{position:relative;width:100%;padding-top:75%;overflow:hidden}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg-light-secondary);color:var(--text-secondary)}.card-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.image-dots{position:absolute;left:var(--spacing-md);bottom:var(--spacing-md);display:flex;gap:var(--spacing-xs);z-index:2}.image-dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3}.image-dot.active{background:var(--text-white);width:20px;border-radius:3px}.card-title{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.card-description{margin:0;color:var(--text-secondary);line-height:1.5}.upload-details-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.details-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.details-header .title{margin:0;color:var(--text-primary)}.details-content{overflow-y:auto}.hero-image{position:relative;width:100%;padding-top:58%;background:var(--bg)}.hero-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-image .image-dots{position:absolute;right:var(--spacing-md);bottom:var(--spacing-md);display:flex;gap:var(--spacing-xs)}.hero-image .image-dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3}.hero-image .image-dot.active{background:var(--text-white);width:20px;border-radius:3px}.details-card{background:var(--card);margin:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--spacing-lg)}.details-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.details-title{margin:0;color:var(--text-primary)}.details-desc{color:var(--text-secondary);line-height:1.7}.fav-outline{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.features-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);text-align:center;padding:var(--spacing-lg) 0}.feature{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;justify-content:center}.feature-icon{width:36px;height:36px;stroke:var(--primary-color)}.feature .label{color:var(--primary-color)}.uploader{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.uploader-left{display:flex;align-items:center;gap:var(--spacing-md)}.uploader .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.uploader .label{color:var(--text-secondary)}.uploader .name{color:var(--text-primary)}.times{text-align:right;color:var(--text-secondary)}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.upload-edit-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column}.upload-edit-header{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light)}.upload-edit-header .title{margin:0;color:var(--text-primary)}.back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);border-radius:var(--radius-md)}.upload-edit-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-label{color:var(--text-primary)}.input-wrapper,.textarea-wrapper{position:relative}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card);color:var(--text-primary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3)}.form-textarea{resize:vertical;min-height:120px}.char-counter{position:absolute;right:var(--spacing-md);bottom:var(--spacing-md);color:var(--text-secondary)}.add-tags-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.add-tags-label{color:var(--text-primary)}.tags-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.tag-item{padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-color);color:var(--text-white);border-radius:999px;font-size:var(--inteerio-fs-h3)}.upload-edit-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border-top:1px solid var(--border-light);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.site-progress-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg);z-index:100}.site-progress-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.site-progress-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.site-progress-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.site-progress-page .site-tools{padding:var(--spacing-md);display:grid;gap:var(--spacing-md);border-bottom:1px solid var(--border-light);background:var(--bg)}.site-progress-page .filter-button{width:fit-content;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);padding:10px 12px;border-radius:var(--spacing-sm);background:var(--card)}.site-progress-page .site-list{flex:1;overflow:auto;background:var(--bg);padding-bottom:calc(env(safe-area-inset-bottom) + var(--spacing-md))}.site-progress-page .date-section{padding:var(--spacing-md)}.site-progress-page .date-label{color:var(--primary-color);margin:var(--spacing-sm) 0}.site-progress-page .rooms{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.site-progress-page .room-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--spacing-sm);box-shadow:var(--shadow-sm)}.site-progress-page .room-left{display:flex;align-items:center;gap:var(--spacing-md)}.site-progress-page .room-title{color:var(--text-primary)}.site-progress-page .room-meta{color:var(--text-secondary)}.site-progress-page .download{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#2563eb1a;color:var(--primary-color);border-radius:var(--spacing-sm)}.empty-page{display:flex;align-items:center;justify-content:center;margin:var(--spacing-xl) 0}.empty-page-medium{padding:var(--spacing-xxl);height:100%}.empty-page-small{min-height:40vh;padding:var(--spacing-xl)}.empty-page-large{min-height:80vh;padding:var(--spacing-xxl)}.empty-page-content{text-align:center;max-width:500px;width:100%}.empty-page-icon{margin-bottom:var(--spacing-lg);opacity:.8}.empty-page-title{margin:0 0 var(--spacing-md) 0;font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h4);color:var(--text-primary);line-height:1.3}.empty-page-message{margin:0 0 var(--spacing-xl) 0;font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3);color:var(--text-secondary);line-height:1.5;opacity:.9}.empty-page-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.empty-page-action-btn{min-width:120px}.empty-page .loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.empty-page{padding:var(--spacing-xl);min-height:50vh}.empty-page-content{max-width:100%}.empty-page-actions{flex-direction:column;align-items:center}.empty-page-action-btn{width:100%;max-width:200px}}@media (max-width: 480px){.empty-page{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.empty-page-title{font-size:var(--inteerio-fs-h3)}.empty-page-message{font-size:var(--inteerio-fs-h2)}}.spr-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg);z-index:100}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.spr-content{padding:var(--spacing-md);background:var(--bg);height:100%;overflow:auto}.spr-date{margin:0 0 var(--spacing-sm);color:var(--text-primary)}.spr-time{margin:0 0 var(--spacing-md);color:var(--text-secondary)}.spr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.spr-img{width:100%;height:auto;border-radius:10px;object-fit:cover}.docs-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg);z-index:100}.docs-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.docs-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.docs-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.docs-page .docs-list{flex:1;overflow:auto;background:var(--bg)}.docs-page .docs-section{padding:var(--spacing-md);border-top:1px solid var(--border-light)}.docs-page .docs-section:first-of-type{border-top:0}.docs-page .docs-date{margin:4px 0 var(--spacing-sm);color:var(--text-primary)}.docs-page .doc-cards{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.docs-page .doc-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border:1px solid var(--border-color);border-radius:var(--spacing-sm);box-shadow:var(--shadow-sm)}.docs-page .doc-left{display:flex;align-items:center;gap:var(--spacing-md)}.docs-page .doc-name{color:var(--text-primary)}.docs-page .doc-meta{color:var(--text-secondary)}.docs-page .doc-right{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.docd-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg-secondary);z-index:100}.docd-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.docd-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.docd-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.docd-page .docd-content{flex:1;overflow:auto;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg)}.docd-page .docd-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.docd-page .docd-title{text-align:center;color:var(--text-primary)}.docd-page .docd-meta{text-align:center;color:var(--text-secondary);margin:var(--spacing-md) 0 var(--spacing-lg)}.docd-page .docd-comments{margin-top:var(--spacing-lg)}.docd-page .docd-comments-title{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.docd-page .docd-comments-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-md)}.docd-page .docd-comment{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md)}.docd-page .docd-comment.add{grid-template-columns:auto 1fr auto}.docd-page .docd-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700}.docd-page .docd-comment-text{color:var(--text-primary)}.docd-page .docd-comment-time{color:var(--text-secondary);margin-top:4px}.docd-page .docd-comment-time .dot{margin:0 8px}.docd-page .docd-input{border:none;outline:none;background:transparent;color:var(--text-primary)}.docd-page .docd-send{border:none;background:transparent;color:var(--primary-color)}.docd-page .docd-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-light);background:var(--bg-primary)}.docd-page .btn-outline{padding:12px;border-radius:12px;border:1px solid var(--border-color);background:transparent}.docd-page .btn-outline.danger{border-color:var(--danger-color);color:var(--danger-color)}.warranty-page{display:flex;flex-direction:column;min-height:100%;background:var(--bg, #fff)}.warranty-page .preview-header{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:16px;gap:8px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.warranty-page .back-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px}.warranty-page .preview-title{text-align:left}.warranty-page .primary-btn{height:40px;padding:0 16px;border:none;border-radius:10px;background:#295196;color:#fff;font-weight:700}.warranty-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f7f9fc}.warranty-empty .empty-title{color:#295196}.milestones-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;z-index:100;background:var(--bg-primary)}.milestones-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.milestones-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.milestones-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.milestones-page .milestones-tools{padding:var(--spacing-md);display:grid;gap:var(--spacing-md);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.milestones-page .chips{display:grid;grid-auto-flow:column;gap:var(--spacing-md);align-items:center;width:100%;overflow-x:auto}.milestones-page .chip{padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);white-space:nowrap;font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h3)}.milestones-page .chip-active{background:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.milestones-page .ms-card .clock{display:flex}.milestones-page .milestones-list{flex:1;overflow:auto;padding:var(--spacing-md);padding-bottom:calc(env(safe-area-inset-bottom) + var(--spacing-md));display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-primary)}.milestones-page .ms-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);padding-bottom:var(--spacing-md)}.milestones-page .ms-status{display:flex;align-items:center;gap:8px;background:#ffedd5;color:#b45309;padding:12px 16px;border-top-left-radius:14px;border-top-right-radius:14px}.milestones-page .ms-status .label{font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h3)}.milestones-page .ms-title{padding:16px;color:var(--text-primary)}.milestones-page .ms-date{padding:0 16px;color:var(--text-secondary)}.milestones-page .ms-progress{padding:12px 16px 0;display:grid;gap:12px}.milestones-page .ms-progress .bar{height:10px;border-radius:8px;background:#d1d5db;overflow:hidden}.milestones-page .ms-progress .fill{height:100%;background:var(--bg-linear-gradient);width:0}.milestones-page .ms-progress .pct{color:var(--primary-color);text-align:center}.modal-overlay .ms-preview{display:grid;gap:16px}.modal-overlay .ms-preview .row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.modal-overlay .ms-preview .label{color:var(--text-secondary)}.modal-overlay .ms-preview .value{color:var(--text-primary)}.modal-overlay .ms-preview .person{display:inline-flex;align-items:center;gap:10px}.modal-overlay .ms-preview .avatar{width:36px;height:36px;border-radius:50%;background:#e6f0ff;color:#054882;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.modal-overlay .ms-preview .badge.inprogress{background:#fde68a;color:#92400e;padding:6px 10px;border-radius:10px;font-weight:700;font-size:var(--inteerio-fs-h3)}.modal-overlay .ms-preview .progress{display:grid;gap:10px;padding-top:8px}.modal-overlay .ms-preview .progress .bar{height:10px;border-radius:8px;background:#d1d5db;overflow:hidden}.modal-overlay .ms-preview .progress .fill{height:100%;background:var(--bg-linear-gradient)}.modal-overlay .ms-preview .progress .pct{color:var(--primary-color);text-align:center}.modal-overlay .ms-preview hr{border:.5px solid var(--border-color)}.sitem-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg-primary);z-index:100}.sitem-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.sitem-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.sitem-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.sitem-page .sitem-tools{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.sitem-page .sitem-total{padding:14px var(--spacing-md);color:var(--primary-color);background:linear-gradient(180deg,#0000,#0f1b2d08)}.sitem-page .sitem-rooms{flex:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;overflow:auto}.sitem-page .sitem-room{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md);padding:18px var(--spacing-md);border-top:1px solid var(--border-light);background:var(--bg-primary)}.sitem-page .sitem-room:first-of-type{border-top:none}.sitem-page .room-title{color:var(--text-primary)}.sitem-page .room-meta{color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px}.sitem-page .room-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);display:inline-block}.sitem-page .room-arrow{color:var(--text-secondary)}.srm-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg-primary);z-index:100;animation:slide-in-rtl .28s ease-out}.srm-page.srm-exit{animation:slide-out-ltr .22s ease-in forwards}.srm-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.srm-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.srm-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.srm-stats{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px var(--spacing-md);background:linear-gradient(180deg,#0000,#0f1b2d08)}.srm-stats .left,.srm-stats .right{color:var(--text-primary)}.srm-stats .right{color:var(--primary-color)}.srm-list{padding:var(--spacing-md);display:grid;gap:var(--spacing-md);overflow:auto}.srm-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm)}.srm-card-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px}.srm-card-head .title{color:var(--text-primary)}.srm-card-head .title .count{color:var(--primary-color)}.srm-card-head .area{color:var(--primary-color);display:inline-flex;align-items:center;gap:8px}.srm-card-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-top:1px solid var(--border-light);padding:16px}.srm-card-body .dim .label{color:var(--text-secondary)}.srm-card-body .dim .val{color:var(--primary-color)}.quot-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg-primary);z-index:100}.quot-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.quot-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.quot-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}.quot-page .quot-tools{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.quot-page .quot-total{padding:14px var(--spacing-md);color:var(--primary-color);background:linear-gradient(180deg,#0000,#0f1b2d08)}.quot-page .quot-rooms{flex:1;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;overflow:auto}.quot-page .quot-room{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-md);padding:18px var(--spacing-md);border-top:1px solid var(--border-light);background:var(--bg-primary)}.quot-page .quot-room:first-of-type{border-top:none}.quot-page .room-title{color:var(--text-primary)}.quot-page .room-meta{color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px}.quot-page .room-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);display:inline-block}.quot-page .room-arrow{color:var(--text-secondary)}.quot-page .quot-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-md);display:grid;gap:var(--spacing-sm)}.quot-page .quot-footer-total{color:var(--primary-color);text-align:center}.qrm-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;width:100vw;width:100dvw;display:flex;flex-direction:column;background:var(--bg-primary);z-index:100;animation:slide-in-rtl .28s ease-out}.qrm-page.qrm-exit{animation:slide-out-ltr .22s ease-in forwards}.qrm-page .preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding-left:var(--spacing-xs)}.qrm-page .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.qrm-page .preview-title{margin:0;color:var(--text-primary);flex:1;text-align:left}@keyframes slide-in-rtl{0%{transform:translate(100%);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes slide-out-ltr{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.4}}.qrm-stats{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px var(--spacing-md);background:linear-gradient(180deg,#0000,#0f1b2d08)}.qrm-stats .left,.qrm-stats .right{color:var(--text-primary)}.qrm-stats .right{color:var(--primary-color)}.qrm-list{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:auto}.qrm-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm)}.qrm-card-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px;cursor:pointer}.qrm-card-head .title{color:var(--text-primary);display:inline-flex;align-items:center;gap:4px}.qrm-card-head .title .count{color:var(--primary-color)}.qrm-card-head .area{color:var(--primary-color);display:inline-flex;align-items:center;gap:8px}.qrm-card-head .chev{transition:transform .2s}.qrm-card-head.expanded .chev{transform:rotate(180deg)}.qrm-card-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.qrm-card-body.expanded{max-height:500px;border-top:1px solid var(--border-light)}.qrm-card-body .detail{padding:16px;display:grid;gap:12px}.qrm-card-body .detail-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qrm-card-body .detail-row .label{color:var(--text-secondary)}.qrm-card-body .detail-row .value{color:var(--primary-color);font-weight:600;text-align:right}.qrm-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--spacing-md)}.qrm-footer-total{color:var(--primary-color);text-align:center}@font-face{font-family:inteerio-font;src:url(/assets/NunitoSans-Regular-qUfrjwMO.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-medium;src:url(/assets/NunitoSans-SemiBold-DVrRnLkE.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-semibold;src:url(/assets/NunitoSans-Bold-DcR24Hsb.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-bold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-extrabold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype")}@font-face{font-family:inteerio-font-thin;src:url(../assets/fonts/NunitoSans-Thin.ttf) format("truetype")}@font-face{font-family:inteerio-font-light;src:url(/assets/NunitoSans-Light-BoAiPYyo.ttf) format("truetype")}@font-face{font-family:inteerio-font-black;src:url(/assets/NunitoSans-Black-DZUf9e8v.ttf) format("truetype")}:root{--inteerio-font: "inteerio-font";--inteerio-font-medium: "inteerio-font-medium";--inteerio-font-semibold: "inteerio-font-semibold";--inteerio-font-bold: "inteerio-font-bold";--inteerio-font-extra-bold: "inteerio-font-extrabold";--inteerio-font-thin: "inteerio-font-thin";--inteerio-font-light: "inteerio-font-light";--inteerio-font-black: "inteerio-font-black";--inteerio-fs-h1-1: 10px;--inteerio-fs-h1-2: 11px;--inteerio-fs-h1: 12px;--inteerio-fs-h2: 13px;--inteerio-fs-h3: 14px;--inteerio-fs-h4: 15px;--inteerio-fs-h5: 16px;--inteerio-fs-h6: 17px;--inteerio-fs-h7: 18px;--inteerio-fs-h8: 20px;--inteerio-fs-h9: 22px;--inteerio-fs-h10: 26px;--inteerio-fs-h11: 24px;--inteerio-fs-h12: 26px;--inteerio-fs-h13: 28px;--inteerio-fs-h14: 30px;--inteerio-fs-h15: 32px;--inteerio-fs-h16: 36px;--crm-base-font-size: calc( (14 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-medium-font-size: calc( (15 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-extra-medium-font-size: calc( (14 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-small-font-size: calc( (13 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-extra-small-font-size: calc( (11 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-medium-large-font-size: calc( (18 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-large-font-size: calc( (20 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm_baseFontSize: 16;--crm_baseFontUnit: 16px;--crm-medium-small-font-size: 1.2rem}@media (max-width: 768px){:root{--inteerio-fs-h1: 9px;--inteerio-fs-h2: 11px;--inteerio-fs-h3: 13px;--inteerio-fs-h4: 14px;--inteerio-fs-h5: 15px;--inteerio-fs-h6: 17px;--inteerio-fs-h7: 19px;--inteerio-fs-h8: 21px;--inteerio-fs-h9: 23px;--inteerio-fs-h10: 25px;--inteerio-fs-h11: 27px;--inteerio-fs-h12: 29px;--inteerio-fs-h13: 31px;--inteerio-fs-h14: 10px;--inteerio-fs-h15: 11px;--inteerio-fs-h16: 26px}}@media (max-width: 480px){:root{--inteerio-fs-h1: 8px;--inteerio-fs-h2: 10px;--inteerio-fs-h3: 12px;--inteerio-fs-h4: 14px;--inteerio-fs-h5: 16px;--inteerio-fs-h6: 18px;--inteerio-fs-h7: 20px;--inteerio-fs-h8: 22px;--inteerio-fs-h9: 24px;--inteerio-fs-h10: 26px;--inteerio-fs-h11: 28px;--inteerio-fs-h12: 30px;--inteerio-fs-h13: 36px;--inteerio-fs-h14: 9px;--inteerio-fs-h15: 11px;--inteerio-fs-h16: 24px}}.inteerio-font{font-family:var(--inteerio-font)!important}.inteerio-font-medium{font-family:var(--inteerio-font-medium)!important}.inteerio-font-semibold{font-family:var(--inteerio-font-semibold)!important}.inteerio-font-bold{font-family:var(--inteerio-font-bold)!important}.inteerio-font-extra-bold{font-family:var(--inteerio-font-extra-bold)!important}.inteerio-font-thin{font-family:var(--inteerio-font-thin)!important}.inteerio-font-light{font-family:var(--inteerio-font-light)!important}.inteerio-font-black{font-family:var(--inteerio-font-black)!important}.inteerio-fs-h1{font-size:var(--inteerio-fs-h1)!important}.inteerio-fs-h2{font-size:var(--inteerio-fs-h2)!important}.inteerio-fs-h3{font-size:var(--inteerio-fs-h3)!important}.inteerio-fs-h4{font-size:var(--inteerio-fs-h4)!important}.inteerio-fs-h5{font-size:var(--inteerio-fs-h5)!important}.inteerio-fs-h6{font-size:var(--inteerio-fs-h6)!important}.inteerio-fs-h7{font-size:var(--inteerio-fs-h7)!important}.inteerio-fs-h8{font-size:var(--inteerio-fs-h8)!important}.inteerio-fs-h9{font-size:var(--inteerio-fs-h9)!important}.inteerio-fs-h10{font-size:var(--inteerio-fs-h10)!important}.inteerio-fs-h11{font-size:var(--inteerio-fs-h11)!important}.inteerio-fs-h12{font-size:var(--inteerio-fs-h12)!important}.inteerio-fs-h13{font-size:var(--inteerio-fs-h13)!important}.inteerio-fs-h14{font-size:var(--inteerio-fs-h14)!important}.inteerio-fs-h15{font-size:var(--inteerio-fs-h15)!important}.inteerio-fs-h16{font-size:var(--inteerio-fs-h16)!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--inteerio-font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,a,[role=button],[role=tab],.tab,.icon-button,.list-card,.milestone-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,a:active,[role=button]:active,[role=tab]:active,.tab:active,.icon-button:active,.list-card:active,.milestone-card:active{transform:none;opacity:1}@media (hover: none) and (pointer: coarse){.list-card:hover,.milestone-card:hover,.btn:hover{box-shadow:inherit;background-color:inherit;transform:none}}