@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#15263f;--ink:#17263b;--muted:#7d8999;--line:#e9edf2;--bg:#f5f7fa;--blue:#3867e8;--green:#24a47a;--orange:#e59a3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.sidebar{width:248px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 35px}.logo-box,.brand-mark{background:var(--navy);color:#fff;font:800 19px Manrope;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;letter-spacing:-1px}.logo b{display:block;font:800 15px Manrope;letter-spacing:1px}.logo small,.sidebar-bottom small{display:block;color:#9aa4b2;font-size:9px;letter-spacing:1.4px;margin-top:3px}.side-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#a1aab7;padding:0 12px 12px}.side-label.space{margin-top:32px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:8px;color:#718096;font-size:13px;margin:2px 0}.sidebar nav a i{font-style:normal;font-size:18px;width:20px;text-align:center}.sidebar nav a small{margin-left:auto;background:#f0f3f7;border-radius:5px;padding:3px 7px;font-size:10px}.sidebar nav a.active{background:#edf2ff;color:#315fdb;font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 4px 0;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-bottom small{letter-spacing:0;font-size:10px}.avatar,.top-avatar{width:34px;height:34px;border-radius:50%;background:#e9efff;color:#4267c7;display:grid;place-items:center;font-weight:700}.logout{margin-left:auto;color:#8290a2;font-size:18px}.main{margin-left:248px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:#536174;font-size:12px}.crumb{color:#a3adba}.top-right{display:flex;align-items:center;gap:18px}.today{font-size:11px;color:#24a47a}.top-avatar{width:31px;height:31px}.content{max-width:1440px;margin:auto;padding:34px 38px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8c98a8;margin-bottom:8px}.page-heading h1,.login-card h1{font:800 27px Manrope;margin:0;letter-spacing:-.8px}.page-heading p{color:var(--muted);margin:8px 0 0;font-size:12px}.btn{border:0;border-radius:7px;padding:11px 16px;font:600 12px 'DM Sans';cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #3867e82b}.primary:hover{background:#2855d0}.dark{background:var(--navy);color:#fff}.outline{border:1px solid #dce2eb;background:#fff;color:#536174}.full{width:100%;margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.stat-card{padding:19px 20px}.stat-top{font-size:9px;font-weight:700;letter-spacing:1px;color:#8a96a6;display:flex;justify-content:space-between;align-items:center}.stat-card strong{display:block;font:800 29px Manrope;margin:13px 0 4px}.stat-card>small{font-size:10px;color:#9aa4b2}.stat-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:16px}.blue{background:#edf2ff;color:#4169e0}.green{background:#e9f8f2;color:#229a70}.orange{background:#fff5e8;color:#d68b30}.purple{background:#f3edff;color:#8a62d1}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:17px;margin-bottom:18px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel h2,.social-copy h2{font:700 15px Manrope;margin:0}.panel-head p{font-size:11px;color:#9aa4b2;margin:5px 0 0}.date-pill{font-size:10px;background:#f5f7fa;padding:7px 9px;border-radius:5px;color:#738094}.metric-row{margin:18px 0}.metric-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.metric-label span{font-weight:700}.metric-label em{font-style:normal;color:#9aa4b2;font-weight:400}.progress{height:7px;background:#f0f2f6;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;border-radius:10px}.progress span.blue{background:#4770e8}.progress span.green{background:#25a77a}.progress span.orange{background:#e5a047}.quick-activity{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.quick-activity input,.quick-activity select{min-width:0;border:1px solid var(--line);border-radius:6px;padding:8px;font:11px 'DM Sans';background:#fff}.quick-activity input[name=notes]{flex:1}.quick-activity .btn{padding:8px 10px;font-size:10px;white-space:nowrap}.task-line{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f2f5}.task-check{color:#a9b4c1;font-size:18px}.task-info{flex:1}.task-info b,.task-info small{display:block}.task-info b{font-size:11px;font-weight:600}.task-info small{font-size:10px;color:#9aa4b2;margin-top:5px}.priority{font-size:9px;color:#9b7b4e;background:#fff6e9;padding:5px 7px;border-radius:4px}.priority.high{color:#cf6b59;background:#fff0ed}.text-link{font-size:10px;color:var(--blue);font-weight:700}.table-panel{padding-bottom:5px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{text-align:left;padding:13px 17px;background:#fafbfd;color:#99a4b2;font-size:9px;letter-spacing:1px;font-weight:700}.data-table td{padding:14px 17px;border-top:1px solid #f0f2f5;font-size:11px;color:#647184;white-space:nowrap}.data-table td b{color:#26364b;font-weight:600}.data-table td small{display:block;color:#9aa4b2;font-size:10px;margin-top:5px}.stage{font-size:9px;padding:5px 8px;border-radius:5px;background:#f0f2f5;color:#778496}.stage.hot{background:#fff0ed;color:#d36d5d}.stage.warm{background:#fff6e8;color:#c48a37}.stage.cold{background:#edf2ff;color:#5270c4}.stage.aktivno{background:#e9f8f2;color:#24966e}.stage.potencijalno{background:#eef2f8;color:#718097}.stage.prodano{background:#f1edff;color:#8662c6}.stage.rezervisano{background:#fff5e7;color:#bf883a}.tag{font-size:9px;background:#edf2ff;color:#5070c9;padding:5px 7px;border-radius:4px}.filter-bar{display:flex;gap:10px;margin-bottom:15px}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 13px;font:11px 'DM Sans';color:#526174}.filter-bar input{width:300px}.filter-bar select{min-width:150px}.small-btn{border:1px solid #dfe6f0;color:#4968c0;background:#fff;border-radius:5px;padding:6px 9px;font-size:10px;cursor:pointer}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.match-card h2{margin:13px 0 5px}.match-card>p{font-size:11px;color:#8994a4;margin:0 0 13px}.match-card>strong{font:800 18px Manrope}.match-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#929eae}.match-results{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.match-results> b{font-size:10px}.match-person{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f1f3f6}.avatar.mini{width:28px;height:28px;font-size:10px}.match-person span:nth-child(2){flex:1}.match-person b,.match-person small{display:block;font-size:10px}.match-person small{color:#9aa4b2;margin-top:3px}.match-person a{font-size:10px;color:#25956d}.notice{padding:13px 15px;border-radius:7px;background:#edf2ff;color:#657694;font-size:11px;line-height:1.6;margin-top:17px}.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.social-art{height:220px;margin:13px;border-radius:7px;padding:17px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#172b49,#4569a5)}.social-art span{font-size:10px;letter-spacing:2px;font-weight:700}.social-art b{font:800 36px Manrope}.social-art small{font-size:8px;letter-spacing:2px}.art1{background:linear-gradient(145deg,#7b342d,#d17d4c)}.art2{background:linear-gradient(145deg,#1d594c,#59a38c)}.social-copy{padding:5px 18px 19px}.social-copy p{font-size:11px;color:#8994a4;line-height:1.5;min-height:34px}.social-copy .btn{font-size:10px;padding:9px 11px}.empty-state{text-align:center;padding:55px 20px}.empty-icon{font-size:34px;color:#9aa8bd}.empty-state p{max-width:450px;margin:10px auto;color:#8a96a6;font-size:12px;line-height:1.7}.footer-note{font-size:9px;letter-spacing:1px;color:#a4adba;padding:25px 3px 5px}.footer-note span{float:right;letter-spacing:0}.modal{display:none;position:fixed;inset:0;background:#101e32a6;z-index:10;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:12px;width:min(650px,100%);max-height:90vh;overflow:auto;padding:28px;position:relative;box-shadow:0 20px 70px #0d1c3340}.small-modal{width:min(480px,100%)}.modal-x{position:absolute;right:20px;top:15px;border:0;background:none;font-size:25px;color:#8591a1;cursor:pointer}.modal-box h2{font:800 21px Manrope;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:10px;color:#68778b;font-weight:600}.form-grid label input,.form-grid label select,.form-grid label textarea{display:block;width:100%;margin-top:6px;border:1px solid #e1e6ed;border-radius:6px;padding:10px;font:12px 'DM Sans';outline:none;background:#fff;color:#28384c}.form-grid label textarea{min-height:70px;resize:vertical}.form-grid .wide{grid-column:1/-1}.check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto!important;margin:0!important}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#263f60,#101d32 60%);padding:25px}.login-card{background:#fff;width:min(420px,100%);padding:42px;border-radius:13px;box-shadow:0 25px 80px #0004}.brand-mark{margin-bottom:25px;width:48px;height:48px}.login-card h1{font-size:28px;line-height:1.25}.login-card h1 span{color:#3b68e5}.muted{color:#8b97a7;font-size:12px;line-height:1.6}.login-card form{margin-top:25px}.login-card label{display:block;font-size:10px;font-weight:700;color:#637186;margin:14px 0 6px}.login-card input{width:100%;padding:12px;border:1px solid #e1e6ed;border-radius:6px;font:12px 'DM Sans'}.demo-login{margin-top:20px;background:#f5f7fa;padding:12px;border-radius:6px;font-size:10px;line-height:1.7;color:#718096}.demo-login b{color:#28384c}.login-foot{position:fixed;bottom:20px;color:#ffffff80;font-size:9px;letter-spacing:2px}.alert{background:#fff0ed;color:#b95e50;padding:10px;border-radius:5px;font-size:11px;margin-top:15px}.empty{font-size:11px;color:#9aa4b2}@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px}.content{padding:28px 23px}.stats-grid{grid-template-columns:repeat(2,1fr)}.marketing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:65px;padding:17px 8px}.logo{padding:0 3px 25px}.logo>span:last-child,.side-label,.sidebar nav a:not(.active) small,.sidebar nav a small,.sidebar-bottom>div:not(.avatar),.logout{display:none}.sidebar nav a{justify-content:center;padding:12px 5px;font-size:0}.sidebar nav a i{font-size:19px}.sidebar-bottom{justify-content:center;padding-top:15px}.main{margin-left:65px}.topbar{padding:0 15px}.content{padding:23px 14px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:22px}.page-heading>.btn{font-size:10px;padding:10px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.stat-top{font-size:8px}.dashboard-grid,.match-grid{grid-template-columns:1fr}.quick-activity{flex-wrap:wrap}.quick-activity input[name=notes]{min-width:100%}.marketing-grid{grid-template-columns:1fr}.filter-bar input{width:100%;min-width:0}.filter-bar select{min-width:115px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-box{padding:23px 18px}.footer-note span{display:block;float:none;margin-top:7px}}