:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-sans);--bg-primary: #0a0c10;--bg-secondary: #11141c;--bg-tertiary: #1b202d;--border-light: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .4);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--tenant-accent: #6366f1;--tenant-accent-light: #a855f7;--tenant-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--tenant-glow: rgba(99, 102, 241, .15);--landlord-accent: #10b981;--landlord-accent-light: #06b6d4;--landlord-gradient: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--landlord-glow: rgba(16, 185, 129, .15);--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--success: #10b981;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 30px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .8);--shadow-glow-tenant: 0 0 20px rgba(99, 102, 241, .25);--shadow-glow-landlord: 0 0 20px rgba(16, 185, 129, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1280px;width:100%;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.5rem}.glass-panel{background:#171c2999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{border-color:#ffffff1f}.glass-panel-interactive{cursor:pointer}.glass-panel-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tenant-theme .glass-panel-interactive:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg),var(--tenant-glow)}.landlord-theme .glass-panel-interactive:hover{border-color:#10b9814d;box-shadow:var(--shadow-lg),var(--landlord-glow)}.text-gradient-tenant{background:var(--tenant-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-landlord{background:var(--landlord-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);gap:8px}.btn-tenant{background:var(--tenant-gradient);color:#fff}.btn-tenant:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-tenant);filter:brightness(1.1)}.btn-tenant:active{transform:translateY(0)}.btn-landlord{background:var(--landlord-gradient);color:#fff}.btn-landlord:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-landlord);filter:brightness(1.1)}.btn-landlord:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff14;border-color:var(--text-secondary)}.btn-outline-tenant{background:transparent;border-color:var(--tenant-accent);color:var(--text-primary)}.btn-outline-tenant:hover{background:#6366f11a;box-shadow:0 0 10px #6366f126}.btn-outline-landlord{background:transparent;border-color:var(--landlord-accent);color:var(--text-primary)}.btn-outline-landlord:hover{background:#10b9811a;box-shadow:0 0 10px #10b98126}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-disabled{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;border-color:transparent!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;filter:none!important}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-light);margin-bottom:24px}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary)}.nav-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--tenant-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem}.landlord-theme .nav-logo-icon{background:var(--landlord-gradient)}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 16px;font-size:.9rem;font-weight:500;border-radius:6px;color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link-active{color:var(--text-primary);background:#ffffff14!important}.tenant-theme .nav-link-active{border-left:2px solid var(--tenant-accent)}.landlord-theme .nav-link-active{border-left:2px solid var(--landlord-accent)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:9999px;gap:4px}.badge-cleared{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-aborted{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-escrow{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-arbitration{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-control{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast);width:100%}.form-control:focus{outline:none;border-color:var(--tenant-accent);box-shadow:0 0 0 3px #6366f126}.landlord-theme .form-control:focus{border-color:var(--landlord-accent);box-shadow:0 0 0 3px #10b98126}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.toggle-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{width:44px;height:24px;background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:999px;position:relative;transition:background-color var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--text-secondary);top:3px;left:3px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.toggle-input:checked+.toggle-slider{background-color:var(--tenant-accent)}.landlord-theme .toggle-input:checked+.toggle-slider{background-color:var(--landlord-accent)}.toggle-input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:40px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.widget-stack{display:flex;flex-direction:column;gap:24px}.progress-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--tenant-gradient);border-radius:999px;transition:width var(--transition-slow)}.landlord-theme .progress-bar-fill{background:var(--landlord-gradient)}.alert-card{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.2);background:#f59e0b14;color:#fbbf24;display:flex;gap:12px;align-items:flex-start}.alert-card-danger{border-color:#ef444433;background:#ef444414;color:#f87171}.alert-card-info{border-color:#3b82f633;background:#3b82f614;color:#60a5fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-entry{animation:fadeIn var(--transition-slow) forwards}.terminal-panel{background:#05070a;border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:16px;font-size:.85rem;color:#10b981;max-height:350px;overflow-y:auto;box-shadow:inset 0 2px 8px #000c}.terminal-line{margin-bottom:8px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:4px}.terminal-line .timestamp{color:var(--text-muted);margin-right:8px}.terminal-line .tag{font-weight:700;margin-right:8px}.portal-container{display:flex;min-height:80vh;align-items:center;justify-content:center}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;width:100%}@media (max-width: 768px){.portal-grid{grid-template-columns:1fr}}.portal-card{padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-normal)}.portal-card:hover{transform:translateY(-8px)}.portal-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:2rem;color:#fff}.hero-section{padding:80px 0;text-align:center;max-width:800px;margin:0 auto}.hero-tagline{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:24px;font-weight:800}@media (max-width: 768px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px}.feature-card{padding:32px;text-align:left}.feature-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff}.list-panel{display:flex;flex-direction:column}.list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);font-weight:600}.list-body{overflow-y:auto;max-height:400px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.list-item:hover{background:#ffffff05}.list-item-title{font-weight:600}.list-item-subtitle{font-size:.85rem;color:var(--text-secondary)}.list-item-val{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.waterfall-builder{display:flex;flex-direction:column;gap:16px}.waterfall-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:600px;width:100%;padding:32px;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.app-footer{margin-top:auto;padding:40px 0;border-top:1px solid var(--border-light);text-align:center;color:var(--text-muted);font-size:.9rem}