@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* FACU AGENDA PRO 2.0 · elegant dark interface · additive to app.css */
:root{--bg:#07111e;--sidebar:#081524;--surface:#0c1a2b;--surface2:#14263c;--border:#22364d;--text:#f8fafc;--muted:#92a6bf;--gold:#ecc078;--burgundy:#a52e4c;--blue:#168edf;--green:#24b69a;--radius:15px}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 92% 0%,rgba(15,63,107,.16),transparent 44%),#07111e;color:#f5f8fe}
h1,h2,h3,.brand{font-family:Inter,system-ui,-apple-system,sans-serif}
a:focus-visible,button:focus-visible{outline:2px solid #efc27a;outline-offset:3px}
.sidebar{width:254px;background:linear-gradient(170deg,#081727 0%,#071321 65%,#070f1b 100%);border-color:#203248;box-shadow:8px 0 30px #02071018}
.brand.pro-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:19px 12px 27px;text-align:center}
.brand.pro-brand img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 5px 13px #c88c4d16)}
.brand.pro-brand strong{font-family:Georgia,serif;display:block;font-size:17px;color:#f1be71;font-weight:700;letter-spacing:.9px}
.brand.pro-brand small{letter-spacing:1.2px;font-size:8px;color:#7f9bb4;margin-top:3px;line-height:1.5}
.sidebar .nav-title{margin:10px 27px 8px;color:#788da4;font-size:10px;letter-spacing:1.3px}
.sidebar .nav{padding:0 14px 13px;gap:5px}
.sidebar .nav a{font-size:13px;font-weight:500;padding:12px 14px;color:#bbcbdb;border:1px solid transparent;transition:background .16s, border-color .16s}
.sidebar .nav a>span{width:23px;text-align:center;color:#8ea9c5;font-size:19px}
.sidebar .nav a:hover{background:#192c43}
.sidebar .nav a.active{background:linear-gradient(100deg,#77213b,#4f2339);border-color:#ad4260;box-shadow:inset 0 0 0 1px #ffffff0b;color:#fff}
.sidebar .nav a.active>span{color:#f7d2b1}
.sidebar .nav a.active{box-shadow:none}
.sidebar-bottom{padding:20px 25px 27px;gap:18px}
.sidebar-bottom a,.sidebar-bottom button{font-size:12px}
.main-area{margin-left:254px}
.topbar.pro-topbar{height:78px;display:flex;gap:22px;padding:0 31px;border-bottom:1px solid #20344c;background:#081524cc;position:sticky;top:0;z-index:25;backdrop-filter:blur(12px)}
.pro-search{display:flex;align-items:center;flex:1;min-width:80px;max-width:680px;background:#0e1d30;border:1px solid #2a425c;border-radius:10px;height:45px;padding:0 15px;gap:12px}
.pro-search>span{font-size:29px;line-height:1;color:#a0bbd8}
.pro-search input{min-width:0;width:100%;background:transparent;border:none;box-shadow:none!important;color:#edf5ff;padding:8px 0;font-size:12px;outline:none}
.pro-search input::placeholder{color:#889db5}
.pro-search button{color:#b9cadc;background:transparent;border:0;font-size:11px}
.pro-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:15px;white-space:nowrap}
.pro-bell{display:flex;align-items:center;justify-content:center;font-size:21px;width:33px;height:36px;color:#bcd4ed}
.pro-profile{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid #008fdc;color:#efd09a;font-weight:700;font-size:11px}
.pro-profile-name{font-weight:600;color:#dce7f5;font-size:12px}
.content{width:min(1660px,100%);padding:29px 31px 50px}
.footer{padding:21px 33px;border-top:1px solid #1d3348;background:#07121f}
.pro-dashboard{display:grid;gap:17px}
.pro-dashboard h1{font-weight:800;font-size:clamp(26px,2vw,32px);letter-spacing:-1.1px;margin:5px 0 4px}
.pro-dashboard h2{font-size:15px;font-weight:700;letter-spacing:-.2px}
.pro-dashboard .muted{color:#8fa5be}
.pro-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px 2px 13px}
.pro-hero>.muted,.pro-hero>div>.muted{font-size:12px;max-width:625px}
.pro-kicker{font-size:9px;color:#e6b36e;letter-spacing:2.4px;font-weight:800}
.pro-date-cards{display:flex;gap:12px;align-items:center}
.pro-date-card{background:#0b1a2a;border:1px solid #20364e;border-radius:12px;min-width:166px;height:62px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.pro-date-card:first-child{min-width:201px}
.pro-date-icon{color:#8abde2;font-size:28px;line-height:1}
.pro-date-card strong,.pro-date-card small{display:block}.pro-date-card strong{font-size:12px}.pro-date-card small{font-size:10px;color:#9db2c8;margin-top:3px}
.pro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pro-metric{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:17px 19px;border:1px solid;border-radius:11px;transition:transform .16s,filter .16s;background:#152036}
.pro-metric:hover{transform:translateY(-2px);filter:brightness(1.1)}
.pro-metric-event{border-color:#9a2c4a;background:linear-gradient(115deg,#491929,#260f1f)}
.pro-metric-sti{border-color:#186cb3;background:linear-gradient(115deg,#092d56,#0b1e3b)}
.pro-metric-clients{border-color:#9d7445;background:linear-gradient(115deg,#382d20,#211d19)}
.pro-metric-money{border-color:#137e6d;background:linear-gradient(115deg,#0d3f35,#0b242c)}
.pro-metric-row{display:flex;gap:12px;align-items:center;min-width:0}
.pro-glyph{display:inline-grid;place-items:center;font-size:25px;font-weight:700;line-height:1;color:#ffc7d5}
.pro-metric-sti .pro-glyph{color:#49b7ff}.pro-metric-clients .pro-glyph{color:#e5bb70}.pro-metric-money .pro-glyph{color:#41d7bc}
.pro-metric-row strong{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-metric>span{font-size:11px;color:#e3e6ec;font-weight:600;margin-top:5px}
.pro-metric>small{font-size:9px;color:#a7aec0;margin-top:4px}
.pro-bars{position:absolute;right:14px;bottom:18px;display:flex;align-items:flex-end;gap:4px;height:38px;opacity:.18}
.pro-bars b{display:block;width:8px;background:currentColor;border-radius:2px}
.pro-bars b:nth-child(1){height:12px}.pro-bars b:nth-child(2){height:19px}.pro-bars b:nth-child(3){height:29px}.pro-bars b:nth-child(4){height:38px}
.pro-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.94fr) minmax(0,.94fr);gap:14px;align-items:start}
.pro-panel{background:linear-gradient(160deg,#0b192a,#0a1725);border:1px solid #1d354c;border-radius:12px;padding:16px;min-width:0}
.pro-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.pro-panel-head>a{font-size:10px;font-weight:650;background:#12243a;border:1px solid #35516c;padding:8px 9px;border-radius:8px;color:#c7e5f6;white-space:nowrap}
.pro-panel-head>small{font-size:9px;color:#91abc0;text-align:right}
.pro-today{min-height:350px}
.pro-timeline{display:grid;gap:8px}
.pro-timeline-item{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px}
.pro-timeline-item>time{font-size:10px;font-weight:500;color:#a3bad0;min-width:36px}
.pro-timeline-bar{width:5px;height:42px;background:#af3a60;border-radius:5px;flex-shrink:0}
.pro-timeline-item.is-sti .pro-timeline-bar{background:#168ed8}
.pro-timeline-copy{padding:7px 9px;background:#102136;border-radius:7px;min-width:0;flex:1;display:grid;gap:2px}
.pro-timeline-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-timeline-copy small{font-size:10px;color:#adc1d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-mini-tag{font-size:8px;font-weight:800;border-radius:5px;border:1px solid #8e3150;background:#471c30;padding:5px 6px;color:#ffd1df}
.pro-timeline-item.is-sti .pro-mini-tag{border-color:#2367a6;background:#10375b;color:#9cd5ff}
.pro-empty{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;color:#c4d2e0}
.pro-empty>span{font-size:33px;color:#618db7}.pro-empty>strong{font-size:13px}.pro-empty>small{color:#899db6;font-size:11px}.pro-empty>a{font-size:11px;color:#f0bd7a;font-weight:700;margin-top:8px}
.pro-panel-foot{border-top:1px solid #1e344a;margin-top:14px;padding-top:12px;text-align:right;font-size:10px;font-weight:600;color:#f0c186}
.pro-calendar{min-height:350px}
.pro-mini-cal{padding:12px 0 0}.pro-mini-cal-days,.pro-mini-cal-dates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px 2px;text-align:center}
.pro-mini-cal-days{font-size:10px;color:#98afc7;padding-bottom:12px;font-weight:700}
.pro-mini-cal-dates a,.pro-mini-cal-dates span{display:grid;place-items:center;height:28px;font-size:11px;color:#ccdbed;border-radius:50%}
.pro-mini-cal-dates a:hover{background:#283b51}
.pro-mini-cal-dates a.is-current{color:white;background:#922747;box-shadow:0 0 14px #b031503a;font-weight:800}
.pro-calendar-help{font-size:10px;color:#829bb5;text-align:center;margin:19px 0 0;line-height:1.6}
.pro-actions{display:flex;flex-direction:column;gap:10px}
.pro-action{display:flex;align-items:center;gap:13px;border:1px solid;min-height:67px;border-radius:10px;padding:10px 12px;color:white;transition:transform .15s}
.pro-action:hover{color:white;transform:translateY(-2px)}
.pro-action>span:first-child{display:grid;place-items:center;flex-shrink:0;font-size:23px}
.pro-action>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}
.pro-action strong{font-size:12px}.pro-action small{font-size:9px;letter-spacing:.4px;color:#cbd2e0}.pro-action b{font-size:19px;font-weight:400}
.event-action{background:linear-gradient(100deg,#8c2141,#4e1737);border-color:#b13058}.sti-action{background:linear-gradient(100deg,#065b9e,#173660);border-color:#248bcb}.clients-action{background:linear-gradient(100deg,#75572f,#44341f);border-color:#a77c45}
.pro-tasks{border:1px solid #20384f;background:#0b1b2d;border-radius:11px;padding:13px}
.pro-tasks h3{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.pro-tasks h3 span{font-size:10px;padding:2px 7px;background:#9f2747;border-radius:15px;color:white}
.pro-tasks>a{display:flex;align-items:center;gap:9px;border-top:1px solid #1a3045;padding:7px 0;min-width:0}
.pro-task-dot{width:8px;height:8px;border-radius:50%;background:#1e9de4;flex-shrink:0}
.pro-tasks>a>span:last-child{display:grid;gap:2px;min-width:0}.pro-tasks a strong{font-size:10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-tasks a small{font-size:9px;color:#98b2c9}
.pro-tasks .muted{font-size:10px}.pro-task-count{margin-top:9px;color:#819cb6;font-size:9px;border-top:1px solid #1e3447;padding-top:9px}
.pro-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pro-bottom-grid .pro-panel{min-height:254px}
.pro-legend{display:flex;justify-content:center;gap:14px;font-size:9px;color:#c7d1de;margin:8px 0 0}
.pro-legend span{display:flex;gap:5px;align-items:center}.pro-swatch{display:inline-block;width:9px;height:9px;border-radius:2px}.event-swatch{background:#d13c63}.sti-swatch{background:#128fe9}
.pro-bar-chart{display:flex;align-items:end;gap:17px;height:155px;border-bottom:1px solid #244059;background:repeating-linear-gradient(to top, transparent, transparent 37px,#29405844 38px);padding:8px 13px 0;margin-top:7px}
.pro-bar-week{display:flex;align-items:center;flex-direction:column;gap:10px;flex:1;height:100%;min-width:0}
.pro-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:127px}
.pro-bar-event,.pro-bar-sti{width:min(18px,32%);border-radius:3px 3px 0 0;min-height:3px}.pro-bar-event{background:linear-gradient(#d95472,#a12d4d)}.pro-bar-sti{background:linear-gradient(#229ef0,#0d5eae)}
.pro-bar-week small{font-size:9px;color:#9caec4;white-space:nowrap}
.pro-money-amount{display:block;color:#e8bb75;font-size:27px;letter-spacing:-1px;margin:14px 0 0}
.pro-money-svg{height:137px;width:100%;margin-top:3px}.pro-money-svg svg{width:100%;height:100%}.pro-muted-note{font-size:9px;color:#7c97ae}
.pro-recent .pro-panel-head{margin-bottom:6px}
.pro-client{display:flex;align-items:center;gap:10px;border-top:1px solid #1e3248;padding:8px 2px;min-width:0}
.pro-avatar{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(130deg,#a22f59,#532a50);border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}
.pro-client:nth-child(2n+1) .pro-avatar{background:linear-gradient(130deg,#167cb6,#1a345c)}
.pro-client>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}
.pro-client strong{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pro-client small{font-size:9px;color:#8da5bc}.pro-client>small{white-space:nowrap}
.small-empty{height:180px;font-size:11px}
.pro-next .pro-panel-head{margin-bottom:6px}
.pro-next-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.pro-next-list>a{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid #1e344a;min-width:0}
.pro-next-list>a>span{font-size:11px;min-width:42px;font-weight:800}
.pro-next-list>a>span small{font-size:9px;display:block;color:#8aa9bf}
.pro-next-list>a>strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.pro-next-list>a>em{font-size:10px;color:#8ca5ba;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}
.pro-next-list>a>b{font-size:9px;padding:4px 6px;border-radius:5px}
.pro-sti-label{background:#163a58;color:#b7e7ff}.pro-event-label{background:#4d253b;color:#ffbbcf}
.pro-error{display:grid;gap:7px;border:1px solid #9b435b;background:#441a2e;padding:16px;border-radius:12px;color:#ffe3e9}.pro-error strong{font-size:13px}.pro-error span{font-size:11px}.pro-error a{font-size:11px;color:#ffdb95;font-weight:700}
/* Harmonize original CRUD views with new brand language */
.pagehead h1{font-weight:800;letter-spacing:-1.1px}.pagehead h1 span{color:#efbe75}.btn.primary{background:linear-gradient(100deg,#9d2c4a,#64223e);color:#fff;border:1px solid #b14c66}.btn.primary:hover{background:#b13c58}.btn.outline{background:#112338;border-color:#314966}.panel{background:#0c1a2b}.quick-card{background:#11243a}.sticky-save{background:#10233a}.login-body{background:radial-gradient(circle at 50% 5%,#1d3046,#09121d 56%)}.login-panel{background:#0d1b2b;border-color:#29435d}.login-panel .btn.primary{background:linear-gradient(100deg,#9d2c4a,#64223e);color:white}.pro-login-logo{display:block;margin:0 auto 13px;width:105px;height:105px}.login-panel h1{text-align:center;color:#f2bd70}.login-panel .eyebrow,.login-panel>.muted{text-align:center}
@media(max-width:1430px){.pro-hero{align-items:start;flex-wrap:wrap}.pro-date-cards{margin-left:auto}.pro-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr)}.pro-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pro-tasks{grid-column:1/-1}.pro-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-recent{grid-column:1/-1}}
@media(max-width:1150px){.pro-date-card:first-child{min-width:172px}.pro-date-card{min-width:145px}.pro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-money-amount{font-size:24px}.pro-dashboard h1{font-size:27px}}
@media(max-width:860px){.sidebar{width:260px}.main-area{margin-left:0}.topbar.pro-topbar{height:65px;padding:0 17px;gap:9px}.icon-button{display:block;color:#c6d7e9;background:none;border:none;font-size:22px;margin-right:1px}.pro-search{height:42px}.pro-topbar-actions{gap:8px}.content{padding:21px 16px 34px}.pro-hero{padding-top:0}}
@media(max-width:640px){.pro-date-cards{width:100%;margin:5px 0 0;display:grid;grid-template-columns:1fr 1fr}.pro-date-card,.pro-date-card:first-child{min-width:0;height:55px;padding:10px}.pro-date-icon{font-size:23px}.pro-date-card small{font-size:9px}.pro-topbar-actions .pro-bell,.pro-profile-name{display:none}.pro-profile{width:30px;height:30px}.pro-search{padding:0 8px}.pro-search>span{font-size:22px}.pro-search input{font-size:11px}.pro-search button{display:none}.pro-metrics{gap:9px}.pro-metric{padding:13px 12px;min-height:112px}.pro-metric-row{gap:7px}.pro-glyph{font-size:22px}.pro-metric-row strong{font-size:clamp(20px,5vw,28px)}.pro-metric>span{font-size:10px}.pro-metric>small{font-size:8px}.pro-main-grid{grid-template-columns:1fr}.pro-today,.pro-calendar{min-height:0}.pro-actions{grid-column:auto;grid-template-columns:1fr}.pro-tasks{grid-column:auto}.pro-bottom-grid{grid-template-columns:1fr}.pro-recent{grid-column:auto}.pro-next-list{grid-template-columns:1fr}.pro-panel{padding:15px}.pro-hero h1{font-size:25px}.pro-hero>.muted,.pro-hero>div>.muted{font-size:11px}.pro-kicker{font-size:9px;letter-spacing:1.4px}.pro-bar-chart{height:150px}.pro-bar-pair{height:122px}.pro-date-card strong{font-size:11px}.pro-panel-head h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pro-action,.pro-metric,.nav a{transition:none!important}}