*{box-sizing:border-box}h1,h2,h3,h4{font-family:Cormorant Garamond,serif}body,button,input,p,select,span,td,textarea,th{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:#1e1e1e;color:#e0e0e0}.app-container{display:flex;min-height:100vh;background-color:#2c333a}.sidebar{width:250px;background-color:#21252b;color:#f8f8f8;padding:20px 0;box-shadow:2px 0 5px rgba(0,0,0,.3);display:flex;flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar h2{text-align:center;margin-bottom:20px;font-size:1.5em;color:#81a1c1;padding:0 20px}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul li{padding:12px 20px;margin:4px 10px;cursor:pointer;transition:background-color .2s ease,color .2s ease;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:.95em}.sidebar nav ul li:hover{background-color:#3a404a;color:#fff}.sidebar nav ul li.active{background-color:#88c0d0;color:#21252b;font-weight:700}.sidebar-icon{font-size:1.1em;width:20px;text-align:center}.main-wrapper{flex:1 1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.main-content{flex-grow:1;padding:24px 30px;overflow-y:auto;background-color:#282c34}.main-content h1{color:#6fb3d2;margin-bottom:20px;border-bottom:1px solid #3a404a;padding-bottom:10px}.topbar{height:56px;background:#21252b;border-bottom:1px solid hsla(0,0%,100%,.08);padding:0 20px;gap:16px}.topbar,.topbar-left{display:flex;align-items:center;flex-shrink:0}.topbar-left{gap:12px}.topbar-logo{height:32px;cursor:pointer;display:block}.topbar-hamburger{display:none;width:36px;height:36px;border-radius:6px;border:1px solid #3a404a;background:transparent;cursor:pointer;padding:7px 6px;flex-direction:column;justify-content:center;gap:5px;align-items:stretch}.topbar-hamburger span{display:block;height:2px;background:#b8965a;border-radius:2px}.topbar-right{gap:10px;flex-shrink:0;margin-left:auto}.topbar-right,.topbar-search{display:flex;align-items:center}.topbar-search{position:relative;flex:1 1;max-width:480px}.topbar-search-icon{display:none}.topbar-search-input{width:100%;padding:8px 14px 8px 36px;border-radius:8px;border:1px solid #3a404a;background:#1a1e24;color:#e0e0e0;font-size:13px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237f8c9b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px}.topbar-search-input::placeholder{color:#555}.topbar-search-input:focus{border-color:#b8965a}.topbar-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#555;cursor:pointer;font-size:12px;padding:4px}.topbar-search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#21252b;border:1px solid #3a404a;border-radius:8px;max-height:400px;overflow-y:auto;z-index:1200;box-shadow:0 8px 24px rgba(0,0,0,.4)}.topbar-search-group{padding:8px 14px 4px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#555}.topbar-search-item{display:flex;align-items:center;padding:8px 14px;cursor:pointer;transition:background .1s}.topbar-search-item:hover{background:#2c333a}.topbar-search-label{font-size:12px;font-weight:600;color:#ddd}.topbar-search-label,.topbar-search-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search-sub{font-size:10px;color:#555}.topbar-bell{position:relative;background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .15s}.topbar-bell:hover{background:#2c333a}.topbar-bell-badge{position:absolute;top:0;right:0;background:#ff4d4d;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;padding:0 4px}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:#b8965a;color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-avatar:hover{opacity:.85}.topbar-user-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:#21252b;border:1px solid #3a404a;border-radius:8px;min-width:160px;z-index:1200;box-shadow:0 4px 16px rgba(0,0,0,.4);overflow:hidden}.topbar-user-item{padding:10px 16px;font-size:12px;color:#ccc;cursor:pointer;transition:background .1s}.topbar-user-item:hover{background:#2c333a}.notif-panel{position:absolute;top:100%;right:0;margin-top:8px;width:380px;background:#1e2024;border:1px solid #3a404a;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:1300;overflow:hidden;animation:notifSlide .15s ease-out}@keyframes notifSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #3a404a}.notif-list{max-height:440px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #2a2f3a;transition:background .1s}.notif-item:hover{background:#2c333a}.notif-item:last-child{border-bottom:none}.notif-unread{background:#1a2030}.cockpit-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;position:relative}.cockpit-tabs::-webkit-scrollbar{display:none}.cockpit-tab{white-space:nowrap;flex-shrink:0}.search-container input[type=text]{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #3a404a;background-color:#21252b;color:#e0e0e0;margin-bottom:20px;font-size:1em;outline:none}.search-container input[type=text]::placeholder{color:#7f8c9b}.main-content ul{list-style:none;padding:0}.main-content li{background-color:#2c333a;border:1px solid #3a404a;border-radius:8px;margin-bottom:15px;padding:15px 20px;transition:background-color .2s ease}.main-content li:hover{background-color:#3a404a}.main-content li h3{color:#81a1c1;margin-top:0;margin-bottom:8px}.main-content li p{color:silver;font-size:.95em;line-height:1.5;margin:0 0 8px}.main-content li small{color:#7f8c9b}.section-placeholder{background:#2c333a;border:1px solid #3a404a;border-radius:12px;padding:40px;color:#7f8c9b;text-align:center;margin-top:20px}.section-placeholder p{font-size:1.1em}.bottom-nav,.sidebar-overlay{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;height:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid rgba(0,0,0,.07);box-shadow:0 -2px 12px rgba(0,0,0,.06);justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:6px 0;position:relative;min-width:56px}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:500}.bottom-nav-badge{position:absolute;top:0;right:4px;background:#ff4d4d;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;padding:0 4px}.bottom-nav-camera .bottom-nav-icon{background:#b8965a;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-12px;box-shadow:0 2px 8px rgba(184,150,90,.3)}.bottom-nav-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.3)}.bottom-nav-more{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.15);max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-dashboard{padding:0}.mobile-tile{display:flex;align-items:center;gap:14px;width:100%;padding:18px 16px;border-radius:12px;border:1px solid #f0f0f0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.04);cursor:pointer;position:relative;text-align:left;font-family:inherit}.mobile-tile:active{transform:scale(.98)}.mobile-tile-gold{background:linear-gradient(135deg,#b8965a,#d4b47a);border:none}.mobile-tile-gold .mobile-tile-title{color:#fff}.mobile-tile-gold .mobile-tile-sub{color:hsla(0,0%,100%,.8)}.mobile-tile-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-tile-title{font-size:15px;font-weight:600;color:#333}.mobile-tile-sub{font-size:12px;color:#999;margin-top:2px}.mobile-tile-badge{position:absolute;top:12px;right:14px;background:#b8965a;color:#fff;font-size:13px;font-weight:700;min-width:28px;height:28px;line-height:28px;border-radius:14px;text-align:center;padding:0 8px}.mobile-tile-gold .mobile-tile-badge{background:hsla(0,0%,100%,.3)}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:767px){.mobile-only{display:block}.desktop-only{display:none!important}.bottom-nav{display:flex}.sidebar,.topbar{display:none!important}.main-wrapper{min-height:100vh}.main-content{padding:16px 16px 88px!important;width:100%!important;max-width:100vw;overflow-x:hidden}.main-content h1{font-size:1.3em}.interessenten-grid{display:flex!important;flex-direction:column!important;height:auto!important;margin:0!important;overflow:visible!important}.interessenten-grid>div{width:100%!important;height:auto!important;border-right:none!important;border-left:none!important;border-bottom:1px solid #3a404a}.interessenten-grid>div:first-child{max-height:35vh;overflow-y:auto}.interessenten-grid>div:nth-child(2){min-height:40vh;max-height:60vh;overflow-y:auto}.interessenten-grid>div:nth-child(3){max-height:40vh;overflow-y:auto}.besichtigungen-grid{display:flex!important;flex-direction:column!important;height:auto!important;margin:0!important;overflow:visible!important}.besichtigungen-grid>div{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid #3a404a;max-height:60vh;overflow-y:auto}.pipeline-board{height:auto!important;min-height:60vh;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:80px!important}.pipeline-board::-webkit-scrollbar{display:none}.pipeline-column{min-width:280px!important}.kalender-layout{flex-direction:column!important;gap:16px!important}.kalender-detail{width:100%!important}.kalender-header{flex-wrap:wrap!important;gap:8px!important}.kalender-actions{margin-left:0!important;width:100%;flex-wrap:wrap!important;gap:6px!important}div[style*="grid-template-columns: 1fr 1fr"],div[style*="gridTemplateColumns:'1fr 1fr'"]{grid-template-columns:1fr!important}.immo-actions{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important;width:100%!important}.immo-actions>button{font-size:11px!important;padding:10px 8px!important}.immo-action-secondary{display:none!important}.immo-header{flex-direction:column!important;gap:8px!important}.immo-header>div:last-child,.immo-header>div:last-child button{width:100%}.immo-view-toggle{display:none!important}.immo-cards-grid{grid-template-columns:1fr!important}.immo-card-delete{display:none!important}.notif-panel{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:64px!important;width:100%!important;border-radius:0!important;margin-top:0!important}.notif-list{max-height:none!important;height:100%}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{font-size:12px;padding:8px 10px;white-space:nowrap}div[style*="max-width: 600px"],div[style*="max-width: 700px"],div[style*="max-width: 800px"],div[style*="max-width: 900px"]{max-width:95vw!important;width:95vw!important}}