@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --green:#a6c03a;--green-dark:#6d8e2f;--ink:#202124;--muted:#74777d;
  --line:#e6e7e9;--soft:#f5f6f7;--white:#fff;--sidebar:#1e2022;
  --shadow:0 22px 55px rgba(31,35,38,.09);--radius:22px
}
*{box-sizing:border-box}html{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--soft)}
body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:linear-gradient(180deg,#25282a,#191b1d);color:#fff;display:flex;flex-direction:column;z-index:20}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 28px}.sidebar-brand img{width:145px;height:55px;object-fit:cover;object-position:left top;border-radius:8px}.sidebar-brand strong{font-size:14px;color:var(--green);font-weight:700}
.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#c9cccf;font-size:14px;font-weight:500}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.sidebar nav a.active span{color:var(--green)}
.sidebar nav a.disabled{opacity:.46;cursor:default}.sidebar nav a small{margin-left:auto;font-size:9px;text-transform:uppercase;background:rgba(166,192,58,.18);color:var(--green);padding:3px 6px;border-radius:10px}.nav-heading{margin:20px 13px 6px;color:#757a7e;text-transform:uppercase;font-size:10px;letter-spacing:.12em}
.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:18px 8px 4px;display:grid;grid-template-columns:38px 1fr 30px;gap:10px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:13px}.sidebar-user small{color:#8f9498;font-size:11px;margin-top:3px}.sidebar-user button{border:0;background:transparent;color:#aaa;font-size:20px}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:700}.avatar.company{background:#edf2d8;color:var(--green-dark)}
.workspace{min-width:0}.topbar{height:102px;padding:24px 38px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.topbar h1{font-size:25px;margin:2px 0 0}.eyebrow{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.topbar-actions{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(166,192,58,.14)}.menu-toggle{display:none;border:0;background:#fff;border-radius:10px;padding:8px 11px}
.content{padding:34px 38px 60px;max-width:1500px;margin:auto}.alert{padding:14px 17px;border-radius:13px;margin-bottom:20px;font-size:14px}.alert.success{background:#edf5dc;color:#49621d}.alert.error{background:#fff0ef;color:#9a312a}
.badge{display:inline-flex;border-radius:30px;padding:7px 11px;background:#edf2d8;color:var(--green-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.welcome-panel{padding:30px 32px;border-radius:var(--radius);background:linear-gradient(120deg,#fff,#f7f9ef);box-shadow:var(--shadow);border:1px solid #ecefe1;display:flex;align-items:center;justify-content:space-between;gap:22px}.welcome-panel h2{font-size:30px;margin:12px 0 7px;letter-spacing:-.03em}.welcome-panel p{margin:0;color:var(--muted)}
.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(109,142,47,.2)}.btn.primary:hover{background:var(--green-dark)}.btn.secondary{background:#f0f1f2;color:#3d4043}.btn.wide{width:100%;padding:14px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card span{font-size:12px}.stat-card strong{font-size:34px;display:block;margin:14px 0 6px;letter-spacing:-.04em}.stat-card small{font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(28,31,34,.04)}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3,.panel-head p{margin:0}.panel-head h3{font-size:16px}.panel-head p{color:var(--muted);font-size:12px;margin-top:4px}.panel-head a{font-size:12px;color:var(--green-dark);font-weight:600}
.list-row{padding:15px 24px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row strong,.list-row small{display:block}.list-row strong{font-size:13px}.list-row small{font-size:11px;color:var(--muted);margin-top:3px}
.status{display:inline-flex;padding:6px 9px;border-radius:30px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status.active{background:#edf5dc;color:#57751e}.status.lead{background:#eaf2ff;color:#356ca9}.status.inactive{background:#f0f1f2;color:#777}
.timeline{padding:12px 24px 20px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:11px;padding:11px 0}.timeline-item i{width:9px;height:9px;background:var(--green);border-radius:50%;margin-top:4px;box-shadow:0 0 0 5px #f0f4df}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:12px}.timeline-item small{font-size:10px;color:var(--muted);margin-top:4px}
.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);margin-bottom:7px}.empty-state.large{padding:80px 20px}.empty-state .btn{margin-top:14px}
.module-strip{margin-top:20px;border-radius:var(--radius);padding:25px 28px;background:#232629;color:#fff;display:flex;align-items:center;justify-content:space-between}.module-strip span:first-child{color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.module-strip h3{margin:8px 0 5px}.module-strip p{margin:0;color:#aeb2b5;font-size:13px}.module-number{font-size:42px;font-weight:700;color:var(--green)}
.page-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.search{display:flex;gap:8px;max-width:520px;width:100%}.search input{flex:1}.search button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 15px}.page-intro{color:var(--muted);margin:0}
.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:15px 20px;background:#fafafa;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid var(--line)}td strong,td small{display:block}td small{color:var(--muted);font-size:11px;margin-top:4px}.actions{white-space:nowrap;text-align:right}.actions>a,.actions button{border:0;background:transparent;color:var(--green-dark);font-weight:600;font-size:12px;margin-left:9px;padding:0}.actions form{display:inline}
.form-panel{padding:27px;max-width:980px}.form-panel.narrow{max-width:680px}.form-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.form-header h2,.form-header p{margin:0}.form-header h2{font-size:21px}.form-header p{color:var(--muted);font-size:13px;margin-top:6px}.form-grid{display:grid;gap:18px}.form-grid.two{grid-template-columns:1fr 1fr}label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}input,select,textarea{width:100%;border:1px solid #dfe1e3;background:#fff;border-radius:12px;padding:12px 13px;outline:none;margin-top:7px;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(166,192,58,.13)}textarea{resize:vertical}label small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.form-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:5px}.switch-row{display:flex;gap:10px;align-items:center}.switch-row input{width:18px;height:18px;margin:0}
.guest-body{min-height:100vh;background:radial-gradient(circle at 20% 15%,#eef3db,transparent 35%),linear-gradient(135deg,#f7f8f6,#ebedee);display:grid;place-items:center;padding:40px 20px}.guest-shell{width:min(520px,100%)}.guest-brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}.guest-brand img{width:230px;height:95px;object-fit:cover;object-position:left top;border-radius:12px}.guest-brand span{font-weight:700;color:var(--green-dark)}.auth-card{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 90px rgba(42,47,39,.14);border-radius:28px;padding:34px}.install-card{width:min(620px,100%);margin-left:50%;transform:translateX(-50%)}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{font-size:32px;letter-spacing:-.04em;margin:14px 0 8px}.auth-heading p{color:var(--muted);margin:0}.stack{display:flex;flex-direction:column}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;padding:15px;background:#f7f8f6;border-radius:14px}.requirements div{font-size:11px}.requirements span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:7px}.requirements .ok{background:#edf5dc;color:#57751e}.requirements .fail{background:#fff0ef;color:#9a312a}.form-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--green-dark);font-weight:700;border-top:1px solid var(--line);padding-top:18px;margin:5px 0 15px}.guest-footer{text-align:center;color:#888;font-size:11px;margin-top:22px}.error-page{text-align:center;padding:70px 25px}.error-page>span{font-size:60px;color:var(--green);font-weight:700}.error-page h2{font-size:28px;margin:12px}.error-page p{color:var(--muted);margin-bottom:24px}
@media(max-width:1050px){.app-shell{grid-template-columns:220px 1fr}.sidebar{padding-left:12px;padding-right:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-285px;width:270px;transition:.25s}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{height:86px;padding:18px}.topbar-actions{display:none}.content{padding:22px 16px 45px}.welcome-panel{align-items:flex-start;flex-direction:column}.welcome-panel h2{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr}.form-grid.two{grid-template-columns:1fr}.page-actions{align-items:stretch;flex-direction:column}.form-header{gap:15px}.guest-body{padding:20px 12px}.auth-card{padding:25px 20px}.requirements{grid-template-columns:1fr}.install-card{width:100%;margin-left:0;transform:none}}
@media(max-width:460px){.stat-grid{grid-template-columns:1fr}.search{flex-direction:column}.search button{padding:12px}.guest-brand img{width:190px;height:78px}}

.job-search{max-width:760px}.job-search select{max-width:170px;margin:0}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.job-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 10px 35px rgba(28,31,34,.04);transition:.2s}.job-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.job-card-top,.job-card-bottom,.job-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.job-number{font-size:11px;color:var(--green-dark);font-weight:700;letter-spacing:.06em}.priority{padding:5px 8px;border-radius:20px;font-size:9px;text-transform:uppercase;font-weight:700}.priority.low{background:#edf5dc;color:#57751e}.priority.normal{background:#eef0f2;color:#596066}.priority.high{background:#fff1d8;color:#8a5a00}.priority.urgent{background:#ffe5e3;color:#a52b22}.job-card h3{font-size:18px;margin:20px 0 7px}.job-card>p{margin:0 0 20px;color:var(--muted);font-size:12px}.job-meta{font-size:10px;color:var(--muted)}.progress{height:7px;border-radius:10px;background:#edf0e6;overflow:hidden;margin:15px 0}.progress i{display:block;height:100%;background:var(--green);border-radius:10px}.job-card-bottom{font-size:10px;color:var(--muted)}.status.planned{background:#eaf2ff;color:#356ca9}.status.on_hold{background:#fff1d8;color:#8a5a00}.status.completed{background:#edf5dc;color:#57751e}.status.cancelled{background:#ffe5e3;color:#a52b22}
.job-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(120deg,#fff,#f6f9eb);border:1px solid #e8edda;border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow)}.job-hero-meta{display:flex;gap:10px}.job-hero h2{font-size:30px;margin:12px 0 6px}.job-hero p{margin:0;color:var(--muted)}.job-hero-actions{display:flex;gap:10px}.job-hero-actions form{margin:0}.btn.danger{background:#fff0ef;color:#a52b22}.job-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.summary-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.summary-card>span,.summary-card small{display:block;color:var(--muted);font-size:11px}.summary-card strong{display:block;font-size:24px;margin:10px 0 2px}.summary-card .date-value{font-size:18px}.job-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.job-main,.job-side{display:flex;flex-direction:column;gap:20px}.quick-task{display:grid;grid-template-columns:minmax(180px,1fr) 150px 135px 100px auto;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.quick-task input,.quick-task select{margin:0;padding:10px;font-size:11px}.task-row{display:grid;grid-template-columns:105px 1fr auto 25px;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.task-row select{margin:0;padding:7px;font-size:10px}.task-row strong,.task-row small{display:block}.task-row strong{font-size:12px}.task-row small{font-size:10px;color:var(--muted);margin-top:4px}.task-row.done strong{text-decoration:line-through;color:var(--muted)}.icon-delete{border:0;background:transparent;color:#b74a43;font-size:20px}.comment-form{padding:18px 22px;border-bottom:1px solid var(--line)}.comment-form textarea{margin:0 0 10px}.comments{padding:8px 22px}.comment{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.comment-head{display:flex;justify-content:space-between;gap:10px}.comment-head strong{font-size:12px}.comment-head span{font-size:10px;color:var(--muted)}.comment p{font-size:12px;line-height:1.6;margin:7px 0 0}.timer-card{padding-bottom:18px}.timer-card>.stack,.timer-card>form{padding:17px 20px}.timer-live{text-align:center;padding:24px}.timer-live strong,.timer-live small{display:block}.timer-live .live-dot{display:inline-block;margin-bottom:13px}.timer-live small{color:var(--muted);font-size:11px;margin-top:5px}.time-list{padding:0 20px}.time-list>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.time-list strong,.time-list small{display:block;font-size:10px}.time-list small{color:var(--muted);margin-top:3px}.time-list b{font-size:11px}.upload-form{padding:18px 20px}.upload-form input{font-size:10px;padding:9px}.upload-form small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:8px}.file-list{padding:0 20px 15px}.file-list a{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.file-list strong,.file-list small{display:block}.file-list strong{font-size:11px;word-break:break-word}.file-list small{font-size:9px;color:var(--muted);margin-top:3px}.file-icon{width:30px;height:30px;border-radius:9px;background:#eef3dc;display:grid;place-items:center;color:var(--green-dark)}.job-description{padding:22px}.job-description h3{margin-top:0;font-size:15px}.job-description p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:0}
@media(max-width:1200px){.job-grid{grid-template-columns:repeat(2,1fr)}.job-detail-grid{grid-template-columns:1fr}.job-side{display:grid;grid-template-columns:1fr 1fr}.quick-task{grid-template-columns:1fr 1fr 1fr}.quick-task .btn{grid-column:span 3}}
@media(max-width:760px){.job-grid{grid-template-columns:1fr}.job-summary-grid{grid-template-columns:1fr 1fr}.job-hero{align-items:flex-start;flex-direction:column}.job-hero-actions{width:100%}.job-hero-actions .btn{flex:1}.job-side{display:flex}.quick-task{grid-template-columns:1fr}.quick-task .btn{grid-column:auto}.task-row{grid-template-columns:90px 1fr auto}.task-row>form:last-child{grid-column:3}.job-search{flex-direction:column}.job-search select{max-width:none}}

.action-pair{display:flex;gap:9px}.client-grid{display:grid;gap:12px}.client-card-pro{display:grid;grid-template-columns:52px 1fr 20px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 20px;box-shadow:0 8px 28px rgba(28,31,34,.035);transition:.2s}.client-card-pro:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.client-logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--green),#779e27);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700}.client-logo.large{width:70px;height:70px;border-radius:21px;font-size:29px}.client-card-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.client-card-title h3{margin:0;font-size:16px}.client-card-main p{font-size:11px;color:var(--muted);margin:5px 0 12px}.client-stats{display:flex;gap:18px;font-size:10px;color:var(--muted)}.client-stats b{color:var(--ink)}.card-arrow{font-size:24px;color:var(--muted)}
.client-profile-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#fff,#f5f9e8);border:1px solid #e5ebd3;border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}.client-profile-title{flex:1}.client-profile-title h2{font-size:29px;margin:9px 0 5px}.client-profile-title p{margin:0;color:var(--muted)}.profile-badges{display:flex;gap:7px;flex-wrap:wrap}.tag,.mini-badge{display:inline-block;background:#edf3dc;color:#53721c;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.profile-actions{display:flex;gap:9px}.crm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:19px 0}.crm-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px}.crm-main,.crm-side{display:flex;flex-direction:column;gap:20px}.crm-panel{overflow:hidden}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.overview-grid>div{background:#fff;padding:17px 20px}.overview-grid span,.overview-address span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.overview-grid strong{display:block;font-size:11px;margin-top:7px;word-break:break-word}.overview-address{padding:18px 20px;border-top:1px solid var(--line)}.overview-address p{font-size:11px;line-height:1.6;margin:6px 0 0}.social-links{display:flex;gap:9px;flex-wrap:wrap;padding:0 20px 18px}.social-links a{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:10px}.crm-quick-form{display:grid;gap:8px;padding:15px 20px;border-bottom:1px solid var(--line)}.crm-quick-form input,.crm-quick-form select{margin:0;padding:10px;font-size:10px}.contact-form{grid-template-columns:1.2fr 1fr 1.4fr 1fr auto auto}.service-form{grid-template-columns:1.5fr 1fr .8fr 1fr auto}.check{display:flex!important;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.check input{width:auto!important;margin:0!important}.contact-item{display:grid;grid-template-columns:36px 1fr 25px;gap:11px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line)}.contact-item .avatar{width:34px;height:34px}.contact-item strong,.contact-item small{display:block}.contact-item strong{font-size:11px}.contact-item small{font-size:9px;color:var(--muted);margin-top:4px}.service-item{display:grid;grid-template-columns:1fr auto auto 25px;gap:13px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.service-item strong,.service-item small{display:block}.service-item strong{font-size:11px}.service-item small{font-size:9px;color:var(--muted);margin-top:4px}.service-item b{font-size:11px}.linked-jobs a{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.linked-jobs strong{font-size:11px}.text-link{font-size:10px;color:var(--green-dark);font-weight:700}.note-form,.renewal-form{padding:16px 20px;border-bottom:1px solid var(--line)}.note-form textarea{margin:0 0 9px}.note-form>div{display:flex;justify-content:space-between;align-items:center}.crm-note{padding:14px 20px;border-bottom:1px solid var(--line)}.crm-note.pinned{background:#fbfdf4}.note-head{display:flex;justify-content:space-between;gap:8px}.note-head strong{font-size:10px}.note-head span{font-size:9px;color:var(--muted)}.crm-note p{font-size:11px;line-height:1.55;margin:8px 0}.crm-note form{text-align:right}.crm-note button{background:none;border:0;color:#a52b22;font-size:9px}.renewal-form input,.renewal-form select{font-size:10px;padding:9px}.renewal-item{display:grid;grid-template-columns:1fr auto 20px;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line)}.renewal-item strong,.renewal-item small{display:block}.renewal-item strong{font-size:10px}.renewal-item small{font-size:9px;color:var(--muted);margin-top:3px}.renewal-item>span{font-size:9px}.due-soon{color:#a52b22;font-weight:700}.form-section-title{font-size:13px;margin:25px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.pipeline-board{display:grid;grid-template-columns:repeat(7,minmax(225px,1fr));gap:13px;overflow-x:auto;padding-bottom:18px}.pipeline-column{background:#f4f5f1;border:1px solid var(--line);border-radius:17px;min-height:520px}.pipeline-column>header{display:flex;justify-content:space-between;align-items:center;padding:15px}.pipeline-column h3{font-size:11px;margin:0}.pipeline-column header span{background:#fff;border-radius:20px;padding:4px 8px;font-size:9px}.pipeline-cards{padding:0 9px 10px}.pipeline-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:9px;box-shadow:0 5px 15px rgba(20,25,20,.03)}.pipeline-card strong,.pipeline-card small{display:block}.pipeline-card strong{font-size:11px}.pipeline-card small{font-size:9px;color:var(--muted);margin:5px 0 10px}.pipeline-card select{margin:0;padding:7px;font-size:9px}.pipeline-empty{text-align:center;color:var(--muted);font-size:10px;padding:25px 5px}.page-title-inline{font-size:24px;margin:2px 0}.eyebrow{font-size:9px;letter-spacing:.12em;color:var(--green-dark);font-weight:700;margin:0}
.status.contacted,.status.meeting{background:#eaf2ff;color:#356ca9}.status.quote_sent,.status.negotiating{background:#fff1d8;color:#8a5a00}.status.lost,.status.ended{background:#ffe5e3;color:#a52b22}.status.paused{background:#fff1d8;color:#8a5a00}
@media(max-width:1180px){.crm-layout{grid-template-columns:1fr}.crm-side{display:grid;grid-template-columns:1fr 1fr}.contact-form,.service-form{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.client-profile-hero{align-items:flex-start;flex-direction:column}.profile-actions{width:100%}.profile-actions .btn{flex:1}.crm-kpis{grid-template-columns:1fr 1fr}.crm-side{display:flex}.overview-grid{grid-template-columns:1fr}.contact-form,.service-form{grid-template-columns:1fr}.linked-jobs a{grid-template-columns:90px 1fr}.linked-jobs .status{grid-column:2}.client-stats{flex-direction:column;gap:4px}.client-card-title{align-items:flex-start;flex-direction:column}.action-pair{width:100%}.action-pair .btn{flex:1}}

/* v1.2.2 Professional Edition */
.view-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.view-tabs a{padding:9px 14px;border:1px solid var(--border,#dfe4ea);border-radius:999px;text-decoration:none;color:inherit;background:#fff}.view-tabs a.active{background:#111827;color:#fff;border-color:#111827}.view-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#eef2f7;color:#111827;font-size:11px;margin-left:5px}.view-tabs a.active b{background:#fff;color:#111827}.client-card-pro{display:block;padding:0;overflow:hidden}.client-card-link{display:flex;align-items:center;gap:16px;padding:20px;text-decoration:none;color:inherit}.client-card-actions{display:flex;justify-content:flex-end;gap:14px;padding:10px 20px;border-top:1px solid #edf0f4;background:#fafbfc}.client-card-actions form{margin:0}.client-card-actions button{border:0;background:none;cursor:pointer;font-weight:700}.danger-text{color:#b42318!important}.professional-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:22px}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-card{border:1px solid #e5e9ef;border-radius:15px;padding:18px;background:#fff}.package-top,.card-actions,.rate-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-card h3{margin:15px 0 5px}.package-card p{color:#667085;min-height:42px}.package-price{font-size:28px;font-weight:800;margin:18px 0}.package-price small{font-size:13px;color:#667085;margin-left:4px}.card-actions{margin-top:15px}.card-actions form{margin:0}.btn.small{padding:8px 12px;font-size:13px}.btn.danger{background:#fff1f0;color:#b42318;border:1px solid #ffd4d0}.rate-list{display:grid;gap:10px;margin-bottom:22px}.rate-row{padding:12px 0;border-bottom:1px solid #edf0f4}.rate-row>div{display:grid}.rate-row small{color:#667085}.icon-button{border:0;background:#f2f4f7;width:30px;height:30px;border-radius:8px;cursor:pointer}.stack-form{display:grid;gap:12px;border-top:1px solid #edf0f4;padding-top:20px}.stack-form input,.stack-form select{width:100%}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.form-panel label{display:grid;gap:7px;margin-bottom:14px}.form-panel input,.form-panel select,.form-panel textarea,.stack-form input{padding:11px;border:1px solid #d9dee7;border-radius:9px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:980px){.professional-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}}@media(max-width:640px){.form-grid.two{grid-template-columns:1fr}.client-card-link{align-items:flex-start}.client-card-actions{justify-content:flex-start;flex-wrap:wrap}}


.quote-package-picker{display:flex;gap:12px;align-items:end;padding:18px;background:#f7f9fc;border:1px solid #e5eaf2;border-radius:14px;margin:18px 0}.quote-package-picker label{flex:1}.quote-items{margin:20px 0}.quote-item{display:grid;grid-template-columns:minmax(240px,2.4fr) .55fr .8fr .85fr .65fr 38px;gap:10px;align-items:center;margin-bottom:10px}.quote-item-head{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:700}.quote-doc-head,.quote-meta{display:flex;justify-content:space-between;gap:30px}.quote-meta{padding:24px 0;border-top:1px solid #e8ecf2;border-bottom:1px solid #e8ecf2;margin:22px 0}.quote-meta>div{display:flex;flex-direction:column;gap:5px}.quote-totals{margin:24px 0 24px auto;max-width:380px}.quote-totals>div{display:flex;justify-content:space-between;padding:8px 0}.quote-totals .grand{font-size:20px;border-top:2px solid #172033;margin-top:6px;padding-top:14px}.quote-copy{padding-top:16px}.status-form{display:flex;align-items:end;gap:12px;max-width:430px}.status-form label{flex:1}.button-row{display:flex;gap:10px}@media(max-width:800px){.quote-item{grid-template-columns:1fr 1fr}.quote-item-head{display:none}.quote-doc-head,.quote-meta{flex-direction:column}.quote-package-picker{flex-direction:column;align-items:stretch}}

.website-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}.website-card{display:block;background:#fff;border:1px solid var(--border,#e4e7ec);border-radius:18px;padding:20px;color:inherit;text-decoration:none;box-shadow:0 8px 30px rgba(16,24,40,.05);transition:.2s}.website-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(16,24,40,.09)}.website-card-head{display:flex;align-items:center;justify-content:space-between}.site-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;font-size:22px}.website-card h3{margin:16px 0 5px}.website-card p{margin:0 0 6px;font-weight:600}.website-card small{color:#667085}.site-health{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eee;margin-top:16px;padding-top:14px}.site-health span{font-size:12px;color:#667085}.site-health b{display:block;color:#101828;margin-top:3px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eee}.detail-list div:last-child{border:0}.detail-list dt{color:#667085}.detail-list dd{margin:0;font-weight:600;text-align:right}.status.development{background:#eef4ff;color:#3538cd}.status.maintenance{background:#fff6ed;color:#c4320a}.status.paused{background:#f2f4f7;color:#344054}.status.offline,.status.expired{background:#fef3f2;color:#b42318}@media(max-width:700px){.website-grid{grid-template-columns:1fr}.site-health{grid-template-columns:1fr}.detail-list div{display:block}.detail-list dd{text-align:left;margin-top:4px}}

/* Social Studio */
.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.social-stats{margin-bottom:20px}.social-post-list{display:flex;flex-direction:column}.social-post-row{display:grid;grid-template-columns:90px 1fr 120px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.social-post-row:last-child{border-bottom:0}.social-post-row p{margin:5px 0 0;color:var(--muted);font-size:.9rem}.social-post-row>div:last-child{text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.social-platforms{display:flex;gap:5px;flex-wrap:wrap}.social-platforms span,.social-icon{width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#2754b8;display:grid;place-items:center;font-size:.72rem;font-weight:800}.check-row{display:flex;flex-wrap:wrap;gap:10px}.check-card{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff}.check-card input{width:auto}.social-preview-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px}.social-preview{max-width:760px}.social-preview-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.social-preview-head>div:nth-child(2){display:flex;flex-direction:column;flex:1}.social-media-placeholder{min-height:260px;background:linear-gradient(135deg,#f3f6fb,#e6ebf5);display:grid;place-items:center;margin:18px -22px}.social-caption{font-size:1.05rem;line-height:1.65;margin:20px 0}.hashtags{color:#2d5ab8;line-height:1.6}.social-cta{border-top:1px solid var(--line);padding-top:16px;font-weight:700}.detail-list dl{display:grid;grid-template-columns:110px 1fr;gap:14px 10px}.detail-list dt{color:var(--muted);font-size:.85rem}.detail-list dd{margin:0}.status.review,.status.approved,.status.scheduled{background:#fff6da;color:#8d6500}.status.published,.status.connected,.status.completed{background:#e7f8ef;color:#157347}.status.manual{background:#edf2ff;color:#3659a7}.status.disconnected,.status.cancelled{background:#fbeaea;color:#a63232}.mini-link{font-size:.85rem}.icon-button{border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--muted)}@media(max-width:900px){.social-preview-layout{grid-template-columns:1fr}.social-post-row{grid-template-columns:1fr}.social-post-row>div:last-child{text-align:left;align-items:flex-start}.social-platforms{order:-1}}


/* v1.8 Support Desk */
.support-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:20px}.ticket-conversation{padding:22px}.ticket-original,.support-message{padding:18px;border:1px solid var(--line);border-radius:15px;margin-bottom:14px;background:#fff}.support-message{margin-left:40px;background:#f8fafc}.support-message.internal{background:#fff8df;border-color:#ead99b}.message-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.message-head small{color:var(--muted)}.ticket-original p,.support-message p{line-height:1.65;margin-bottom:0}.reply-box{margin-top:20px}.reply-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.priority{display:inline-flex;padding:6px 9px;border-radius:30px;font-size:10px;font-weight:800;text-transform:uppercase}.priority.low{background:#f2f4f7;color:#475467}.priority.normal{background:#eaf2ff;color:#356ca9}.priority.high{background:#fff1d8;color:#8a5a00}.priority.urgent{background:#ffe5e3;color:#a52b22}.status.new,.status.open{background:#eaf2ff;color:#356ca9}.status.waiting_client,.status.waiting_internal{background:#fff1d8;color:#8a5a00}.status.resolved,.status.closed{background:#edf5dc;color:#57751e}.article-list{padding:8px 22px}.kb-card{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.kb-card h3{margin:12px 0 6px}.kb-card p{color:var(--muted);margin:0 0 8px;line-height:1.5}.portal-ticket{max-width:900px;margin:35px auto;padding:0 20px}.portal-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--muted);font-size:13px}.portal-brand img{width:170px;border-radius:10px}.portal-hero{padding:30px;background:linear-gradient(120deg,#fff,#f7f9ef);border:1px solid #e9edda;border-radius:22px;margin-bottom:20px}.portal-hero h1{margin:8px 0}.portal-hero>p:last-child{color:var(--muted);margin-bottom:0}@media(max-width:900px){.support-layout{grid-template-columns:1fr}.support-message{margin-left:0}.support-stats{grid-template-columns:1fr 1fr}.kb-card{flex-direction:column}}@media(max-width:600px){.support-stats{grid-template-columns:1fr}.reply-actions,.message-head{align-items:flex-start;flex-direction:column}}

/* v2.4 Operations, search and interface polish */
.topbar-search{margin-left:auto;width:min(420px,38vw);height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;display:flex;align-items:center;padding:0 12px;gap:9px;box-shadow:0 4px 14px rgba(31,35,38,.04)}.topbar-search input{min-width:0;flex:1;border:0;outline:0;background:transparent}.topbar-search kbd{border:1px solid #dfe2e6;background:#f7f8f9;color:#7b8085;border-radius:6px;padding:2px 6px;font-size:10px}.topbar-actions a{font-weight:700;color:var(--green-dark)}
.operations-hero{background:linear-gradient(120deg,#202426,#343a2b);color:#fff}.operations-hero p{color:#c8cdc5}.operations-score{text-align:center;min-width:130px;padding:18px;border-radius:18px;background:rgba(255,255,255,.08)}.operations-score strong,.operations-score span{display:block}.operations-score strong{font-size:42px;color:var(--green)}.operations-score span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#c8cdc5}.operations-stats{grid-template-columns:repeat(6,1fr)}.operations-stats .stat-card{transition:.18s}.operations-stats .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.operations-panel{margin-top:20px;scroll-margin-top:120px}.alert-count{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef0f2;color:#667085;font-weight:800}.alert-count.has-alerts{background:#fff0ef;color:#a63232}.operation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid var(--line)}.operation-row:last-child{border:0}.operation-row:hover{background:#fafbf8}.operation-row strong,.operation-row small{display:block}.operation-row small{margin-top:5px;color:var(--muted)}.operation-row>span{font-size:12px;color:var(--green-dark);font-weight:700}.empty-state{padding:50px;text-align:center}.empty-state.compact{padding:28px}.empty-state p{color:var(--muted)}
.search-page-head{margin-bottom:20px}.search-page-form{display:flex;gap:12px}.search-page-form input{flex:1;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:16px}.global-results{padding:8px 0}.result-group{padding:17px 24px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.global-result{display:grid;grid-template-columns:42px 1fr 24px;gap:14px;align-items:center;padding:13px 24px}.global-result:hover{background:#f8faf5}.global-result strong,.global-result small{display:block}.global-result small{color:var(--muted);margin-top:4px}.result-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf2d8;color:var(--green-dark);font-weight:800}
@media(max-width:1200px){.operations-stats{grid-template-columns:repeat(3,1fr)}.topbar-search{width:320px}}@media(max-width:800px){.topbar-search{display:none}.operations-stats{grid-template-columns:repeat(2,1fr)}.operations-hero{align-items:flex-start}.search-page-form{flex-direction:column}}@media(max-width:520px){.operations-stats{grid-template-columns:1fr}.operation-row{align-items:flex-start}.operation-row>span{display:none}}
.portal-user-actions{margin-top:8px}.portal-user-actions summary{cursor:pointer;color:var(--green-dark);font-weight:700;font-size:12px}.portal-user-actions form{display:flex;gap:6px;margin-top:7px}.portal-user-actions input{min-width:120px;padding:7px;border:1px solid var(--line);border-radius:8px}


/* v2.5.1 Automation Engine */
.automation-hero{background:linear-gradient(120deg,#202426,#3f4727);color:#fff}.automation-hero p{color:#d1d6cb}.automation-stats{grid-template-columns:repeat(4,1fr);margin:20px 0}.automation-row{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start;padding:15px 22px;border-bottom:1px solid var(--line)}.automation-row strong,.automation-row small{display:block}.automation-row small{color:var(--muted);margin-top:4px}.log-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#98a2b3}.log-dot.success{background:#6a8f24}.log-dot.error{background:#c53a31}.log-dot.warning{background:#c58a24}.automation-links{display:flex;flex-direction:column}.automation-links a{display:flex;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line);font-weight:700;color:var(--ink)}.automation-links a:hover{background:#f8faf5}.status.pending,.status.info{background:#eef4ff;color:#3659a7}.status.running,.status.warning{background:#fff1d8;color:#8a5a00}.status.failed,.status.error{background:#ffe5e3;color:#a52b22}.cron-help{padding:24px;margin-top:20px}.cron-help code{display:block;padding:14px;background:#f5f6f2;border-radius:10px;overflow:auto}.notification-row{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.notification-row.unread{background:#f8fbe9;border-left:4px solid var(--green)}.notification-row p{margin:6px 0;color:var(--muted)}.notification-row>div:last-child{display:flex;gap:8px;align-items:center}.notification-row form{margin:0}@media(max-width:900px){.automation-stats{grid-template-columns:1fr 1fr}.notification-row{flex-direction:column}}@media(max-width:520px){.automation-stats{grid-template-columns:1fr}}


/* v2.5.2 SEO Studio */
.seo-hero{background:linear-gradient(120deg,#202426,#31404a);color:#fff}.seo-hero p{color:#cbd4d9}.seo-stats{grid-template-columns:repeat(4,1fr)}.seo-campaign-row{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.seo-campaign-row:hover{background:#fafbf8}.seo-campaign-row strong,.seo-campaign-row small{display:block}.seo-campaign-row small,.seo-campaign-row p{color:var(--muted)}.seo-campaign-row p{margin:5px 0 0;font-size:12px}.seo-score{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;background:#eef0f2;color:#667085}.seo-score.good{background:#e6f5d4;color:#50731a}.seo-score.fair{background:#fff1d8;color:#8a5a00}.seo-score.low{background:#ffe5e3;color:#a52b22}.seo-row-metrics{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:12px}.seo-row-metrics b{color:var(--ink)}.seo-tabs{display:flex;gap:8px;position:sticky;top:102px;z-index:5;background:var(--soft);padding:8px 0 18px}.seo-tabs a{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:11px;font-size:13px;font-weight:700}.seo-tabs b{margin-left:5px;color:var(--green-dark)}.seo-section{margin-bottom:22px;scroll-margin-top:170px}.seo-inline-form{padding:16px 22px;border-bottom:1px solid var(--line);background:#fafbf8}.seo-inline-form form{display:flex;gap:9px;flex-wrap:wrap}.seo-inline-form input,.seo-inline-form select{min-width:130px;flex:1;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.table-wrap{overflow:auto}.seo-table small{display:block;color:var(--muted);margin-top:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.movement{font-weight:800}.movement.up{color:#56801b}.movement.down{color:#b3342d}.movement.flat{color:#98a2b3}.row-editor{position:relative}.row-editor summary{cursor:pointer;font-weight:700;color:var(--green-dark)}.row-editor[open]{min-width:260px}.row-editor form{display:grid;gap:7px;margin-top:10px}.row-editor input,.row-editor select{padding:8px;border:1px solid var(--line);border-radius:7px}.seo-card-list{padding:0 22px}.seo-work-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.seo-work-card>div{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}.seo-work-card strong{font-size:14px}.seo-work-card small{grid-column:2;color:var(--muted)}.seo-work-card select,.seo-issue select{padding:9px;border:1px solid var(--line);border-radius:8px}.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.audit-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:15px}.audit-card strong,.audit-card small{display:block}.audit-card small,.audit-card p{color:var(--muted);font-size:11px}.audit-card p{margin:5px 0 0}.seo-audit-scores{grid-template-columns:repeat(5,1fr)}.seo-issue{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line);border-left:4px solid #d0d5dd}.seo-issue.critical{border-left-color:#c53a31}.seo-issue.warning{border-left-color:#c58a24}.seo-issue.opportunity{border-left-color:#6a8f24}.seo-issue strong,.seo-issue small{display:block;margin-top:8px}.seo-issue small,.seo-issue p{color:var(--muted)}.status.critical{background:#ffe5e3;color:#a52b22}.status.opportunity{background:#edf5dc;color:#57751e}.portal-seo-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.portal-seo-head h2,.portal-seo-head p{margin:0}.portal-seo-head p{color:var(--muted);margin-top:5px}.portal-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.portal-value-grid div{padding:14px;border-radius:12px;background:#f6f8f2}.portal-value-grid strong,.portal-value-grid span{display:block}.portal-value-grid strong{font-size:24px}.portal-value-grid span{font-size:11px;color:var(--muted)}.portal-note{color:var(--muted);font-size:13px;line-height:1.6}@media(max-width:1050px){.audit-grid{grid-template-columns:1fr 1fr}.seo-audit-scores{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.seo-stats,.seo-audit-scores{grid-template-columns:1fr 1fr}.seo-campaign-row{grid-template-columns:54px 1fr}.seo-row-metrics{grid-column:1/-1}.seo-tabs{overflow:auto}.audit-grid{grid-template-columns:1fr}.seo-work-card,.seo-issue{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.seo-stats,.seo-audit-scores,.portal-value-grid{grid-template-columns:1fr}.seo-campaign-row{grid-template-columns:1fr}.seo-inline-form form{flex-direction:column}.seo-inline-form input,.seo-inline-form select{width:100%}}