:root{--black:#0d0f11;--black2:#17191c;--gold:#d0a33f;--gold2:#e3bf68;--bg:#f5f3ee;--panel:#fff;--text:#17191c;--muted:#72767c;--line:#e6e1d6;--green:#2d7b4e;--red:#9a3838;--blue:#315fa8;--purple:#6947a6;--shadow:0 10px 35px rgba(20,20,20,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.portal-top{height:80px;background:linear-gradient(90deg,#090b0d,#121416);color:#fff;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:24px;padding:10px 24px;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}.brand-wrap{display:flex;align-items:center;gap:18px}.portal-brand{display:flex}.portal-brand img{width:185px;height:52px;object-fit:contain}.portal-name{color:var(--gold2);font-weight:800;font-size:14px}.global-search{display:flex;justify-content:center}.global-search input,.market-search input{width:min(520px,100%);background:#17191c;color:#fff;border:1px solid #2b2f34;border-radius:10px;padding:13px 16px;outline:none}.top-actions{display:flex;align-items:center;gap:16px}.icon-btn,.link-btn{background:none;border:0;color:#fff;cursor:pointer}.icon-btn{position:relative;font-size:17px}.icon-btn b{position:absolute;right:-7px;top:-8px;background:var(--gold);color:#111;border-radius:99px;min-width:18px;height:18px;font-size:10px;display:grid;place-items:center}.profile-mini{display:grid;text-align:right}.profile-mini strong{font-size:13px}.profile-mini small{font-size:10px;color:#aaa}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 80px)}.sidebar{background:linear-gradient(180deg,#17191b,#101214);color:#d4d7da;padding:24px 12px;position:sticky;top:80px;height:calc(100vh - 80px);overflow:auto}.sidebar-label{font-size:10px;letter-spacing:1.9px;color:#8f949a;margin:14px 10px 8px}.sidebar button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;padding:12px 13px;border-radius:9px;cursor:pointer;text-align:left;font-size:13px;margin:2px 0}.sidebar button span{width:22px;text-align:center}.sidebar button.active,.sidebar button:hover{background:linear-gradient(90deg,#71530f,#9a7424);color:#fff}.help-box{border:1px solid #6f5318;border-radius:12px;padding:16px;margin:28px 4px 4px}.help-box p{font-size:12px;color:#bfc3c7;line-height:1.6}.help-box button{background:linear-gradient(135deg,#e2bf65,#c69425);color:#111;justify-content:center;font-weight:800}.content{padding:28px;min-width:0}.view{display:none}.view.active{display:block}.page-title{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.page-title.split{align-items:center}.page-title h1{font-family:'Playfair Display',Georgia,serif;font-size:38px;margin:2px 0 6px}.page-title p{margin:0;color:var(--muted)}.eyebrow{color:#a77718!important;font-size:11px!important;font-weight:800;letter-spacing:2.6px!important;text-transform:uppercase}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.main-column,.right-column{display:grid;gap:18px;align-content:start}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;min-height:112px;box-shadow:0 4px 20px rgba(0,0,0,.025)}.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:27px;margin:8px 0}.stat-card a,.stat-card button{border:0;background:none;padding:0;color:#967019;font-size:10px;cursor:pointer;text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.panel h2{font-size:17px;margin:0 0 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.text-action{border:0;background:none;color:#9b7219;cursor:pointer;font-size:11px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-cards.large{grid-template-columns:repeat(3,minmax(260px,1fr))}.project-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.04)}.project-cover{height:150px;background:linear-gradient(120deg,#212428,#555b63);background-size:cover;background-position:center;position:relative}.project-cover b{position:absolute;right:10px;top:10px;background:#111;color:#fff;border-radius:7px;padding:6px 8px;font-size:11px}.project-copy{padding:14px}.project-copy h3{font-size:15px;margin:0 0 6px}.project-copy>p{font-size:11px;color:var(--muted);margin:0 0 14px}.project-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;color:var(--muted)}.project-meta-grid strong{display:block;color:#303238;font-size:11px;margin-top:3px}.progress-track{height:7px;border-radius:99px;background:#eee;margin-top:14px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#c89321,#e2bc5b)}.activity-list,.notification-list{display:grid}.activity-row,.note-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #eee;align-items:center}.activity-row:last-child,.note-row:last-child{border-bottom:0}.activity-row .tag,.badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800;background:#f1ead8;color:#765718}.activity-row small,.note-row small{color:var(--muted);font-size:10px}.manager-panel{background:linear-gradient(145deg,#fff,#fbf8f0)}.manager-card-inner{display:grid;grid-template-columns:68px 1fr;gap:14px;align-items:center}.manager-avatar{width:68px;height:68px;border-radius:12px;background:linear-gradient(135deg,#e2c06b,#b8831f);display:grid;place-items:center;font-size:22px;font-weight:800}.manager-card-inner h3{margin:0 0 3px;font-size:17px}.manager-card-inner p{margin:0;color:var(--muted);font-size:11px}.manager-contact{display:grid;gap:7px;margin-top:14px;font-size:12px}.manager-contact a{color:inherit;text-decoration:none}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-grid button{min-height:90px;background:#fff;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:20px;color:#b17e17}.quick-grid button span{display:block;color:#242629;font-size:10px;margin-top:8px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.form-grid{display:grid;gap:13px}.form-grid label{font-size:11px;font-weight:800;color:#3f4247}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;padding:12px;outline:none}.form-grid textarea{min-height:110px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#b68a31;box-shadow:0 0 0 3px rgba(205,164,72,.12)}.two-field{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-field{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 17px;font-weight:800;cursor:pointer;text-decoration:none}.primary-btn{background:linear-gradient(135deg,#e2bf67,#b98524);color:#111}.secondary-btn{background:#fff;border:1px solid #ccc;color:#222}.form-message{display:none;padding:10px;border-radius:7px;font-size:11px}.form-message.show{display:block}.form-message.ok{background:#edf7f1;color:#2b6745}.form-message.error{background:#fff0f0;color:#8c3030}.step-stack{display:grid;gap:16px}.step-stack>div{display:flex;gap:12px;border-top:1px solid #ece7dd;padding-top:14px}.step-stack b{color:#a87819}.step-stack span{display:grid;gap:3px}.step-stack small{color:var(--muted);line-height:1.5}.table-panel{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee;font-size:11px;vertical-align:top}th{color:#767a80;text-transform:uppercase;font-size:9px;letter-spacing:.7px}.empty{padding:25px;border:1px dashed #d9d4ca;border-radius:10px;color:#8a8d92;text-align:center;font-size:12px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 12px;cursor:pointer;font-size:11px}.filter-row button.active{background:#17191c;color:#fff}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:15px}.material-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.material-visual{height:135px;background:linear-gradient(145deg,#efe9dc,#d8c9a9);display:grid;place-items:center;color:#8b6720;font-size:34px;font-weight:800}.material-body{padding:15px}.material-body small{color:#9a721b;font-size:9px;text-transform:uppercase;letter-spacing:1px}.material-body h3{font-size:14px;margin:5px 0}.material-body p{font-size:10px;color:var(--muted);min-height:30px}.material-price{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:13px 0}.material-price strong{font-size:14px}.material-price span{font-size:9px;color:var(--muted)}.material-card button{width:100%;border:1px solid #c99a35;background:#fff8e9;border-radius:7px;padding:9px;cursor:pointer;font-weight:800;font-size:10px}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:15px}.quote-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.quote-card .quote-number{color:#a87718;font-size:10px;font-weight:800}.quote-card h3{font-size:16px;margin:8px 0}.quote-money{font-size:25px;font-weight:800;margin:14px 0}.quote-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.quote-card dt{font-size:9px;color:var(--muted)}.quote-card dd{font-size:10px;margin:0;text-align:right}.progress-list{display:grid;gap:18px}.progress-project{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.progress-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.progress-head h2{margin:0}.milestones{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.milestone{border:1px solid var(--line);border-radius:9px;padding:12px}.milestone strong{font-size:11px;display:block}.milestone small{font-size:9px;color:var(--muted)}.message-feed{max-height:600px;overflow:auto}.message{padding:12px;border-bottom:1px solid #eee}.message.admin{background:#fbf7ec}.message strong{font-size:11px}.message p{font-size:12px;line-height:1.6}.message small{font-size:9px;color:var(--muted)}.manager-detail{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center}.manager-detail .manager-avatar{width:110px;height:110px;font-size:34px}.manager-detail h2{font-size:28px;margin:0}.manager-detail .buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.muted{color:var(--muted);line-height:1.7}.status-active{color:var(--green)}.status-suspended{color:var(--red)}@media(max-width:1250px){.overview-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.material-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.portal-top{grid-template-columns:1fr auto}.global-search{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;gap:6px;overflow:auto;padding:10px}.sidebar-label,.help-box{display:none}.sidebar button{width:auto;white-space:nowrap}.content{padding:20px}.project-cards,.project-cards.large,.quote-grid{grid-template-columns:1fr 1fr}.material-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.milestones{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.portal-top{height:68px;padding:7px 12px}.portal-brand img{width:145px}.portal-name,.profile-mini{display:none}.app-shell{min-height:calc(100vh - 68px)}.content{padding:14px}.page-title h1{font-size:31px}.overview-layout,.right-column{display:block}.right-column>.panel{margin-top:14px}.stats-grid,.project-cards,.project-cards.large,.quote-grid,.material-grid{grid-template-columns:1fr}.two-field,.three-field{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.milestones{grid-template-columns:1fr 1fr}.manager-detail{grid-template-columns:1fr}.market-search{width:100%}.page-title.split{align-items:flex-start;flex-direction:column}}