#personal{
  --p-bg:#f5f3ed;--p-panel:#fffefa;--p-line:#dcd6c9;--p-text:#302f2a;
  --p-muted:#69695f;--p-orange:#9c4f35;--p-blue:#55734a;--p-green:#587a52;
  color:var(--p-text);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto;padding:clamp(12px,2vw,28px);
}
#personal *{box-sizing:border-box}
#personal [hidden]{display:none!important}
#personal .personal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px;flex-wrap:wrap}
#personal>.personal-heading:first-child{margin:4px 0 20px;padding:26px 28px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(255,145,47,.18),transparent 34%),linear-gradient(145deg,#15283d,#101d2d 68%,#102033);box-shadow:none}
#personal>.personal-heading:first-child:before{content:'●  ESPACIO PRIVADO';display:block;width:100%;color:var(--p-orange);font-size:12px;font-weight:800;letter-spacing:.12em}
#personal>.personal-heading:first-child .muted{font-size:15px;color:#69695f!important}
#personal>.personal-heading:first-child .btn{border-radius:13px}
#personal .personal-today{border-radius:22px}
#personal .personal-stats>div{border-radius:18px;background:rgba(255,255,255,.045);border-top:1px solid rgba(255,255,255,.10);position:relative;padding-top:19px}
#personal .personal-stats>div:before{content:'';position:absolute;left:15px;top:0;width:38px;height:3px;border-radius:0 0 4px 4px;background:var(--stat)}
#personal .personal-tabs{background:transparent;border:0;padding:0;gap:12px}
#personal .personal-tabs .btn{min-height:86px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,#fffefa,#fffefa);text-align:left;padding:16px 18px;font-size:15px}
#personal .personal-tabs .btn[data-kind="task"]:before{content:'✓  ';color:var(--p-orange);font-size:22px}
#personal .personal-tabs .btn[data-kind="event"]:before{content:'▦  ';color:var(--p-orange);font-size:22px}
#personal .personal-tabs .btn[data-kind="note"]:before{content:'✎  ';color:var(--p-orange);font-size:22px}
#personal .personal-tabs .btn[aria-pressed="true"]{background:rgba(255,145,47,.12);border-color:var(--p-orange);box-shadow:none}
#personal .personal-item{border-left:0;border:1px solid rgba(255,255,255,.10);border-radius:16px}
#personal .personal-item:before{content:'';width:4px;align-self:stretch;border-radius:4px;background:var(--item,var(--p-orange));flex-shrink:0}
#personal .personal-form{border-top:0;border-left:4px solid var(--p-orange);border-radius:18px}
#personal h1,#personal h2,#personal h3{color:#302f2a;line-height:1.2;margin:0;letter-spacing:-.025em}
#personal h1{font-size:clamp(30px,3vw,42px)}
#personal h2{font-size:clamp(21px,2vw,26px)}
#personal h3{font-size:18px;overflow-wrap:anywhere}
#personal p{line-height:1.55;margin:8px 0}
#personal .muted{color:var(--p-muted)!important}
#personal .card{background:linear-gradient(145deg,#fffefa,#fffefa);border:1px solid var(--p-line);border-radius:18px;padding:20px;color:var(--p-text);box-shadow:none}
#personal .personal-today{position:relative;overflow:hidden;border-color:#46586a;background:radial-gradient(circle at top right,rgba(255,145,47,.11),transparent 45%),linear-gradient(135deg,#f0ece2,#f0ece2 68%)}
#personal .personal-today>.personal-heading{margin:0 0 16px}
#personal .personal-today>.personal-heading h2:before{content:'';display:inline-block;width:9px;height:9px;margin:0 10px 3px 0;border-radius:50%;background:var(--p-orange);box-shadow:0 0 0 5px rgba(255,145,47,.12)}
#personal .personal-today>.personal-heading .muted{text-transform:capitalize}
#personal .personal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#personal .personal-stats>div{min-width:0;min-height:108px;padding:15px 16px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(10,24,37,.55);border-top:3px solid var(--stat)}
#personal .personal-stats>div:nth-child(1){--stat:var(--p-orange)}
#personal .personal-stats>div:nth-child(2){--stat:var(--p-blue)}
#personal .personal-stats>div:nth-child(3){--stat:#b14639}
#personal .personal-stats>div:nth-child(4){--stat:var(--p-green)}
#personal .personal-stats b{font-size:30px;line-height:1.1;display:block;color:var(--stat);font-variant-numeric:tabular-nums}
#personal .personal-stats span{display:block;margin-top:9px;color:#424a3c;font-size:14px;line-height:1.3}
#personal .personal-agenda{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
#personal .personal-agenda li{border-left:3px solid var(--p-blue);border-radius:5px;background:rgba(255,255,255,.045);padding:8px 12px;overflow-wrap:anywhere}
#personal .personal-reminder{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #dcd6c9;padding:13px 0}
#personal .personal-reminder:first-of-type{margin-top:15px}
#personal .personal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px;padding:5px;border:1px solid var(--p-line);border-radius:17px;background:#eeeae0}
#personal .btn{font-size:14px;min-height:42px;cursor:pointer;border-radius:11px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}
#personal .btn:hover:not(:disabled){transform:translateY(-1px)}
#personal .btn.primary{background:var(--p-orange);border:1px solid #9c4f35;color:#fffefa}
#personal .btn.dark{background:#fffefa;color:#302f2a;border:1px solid #dcd6c9}
#personal .btn.dark:hover{background:#e8edde}
#personal button:disabled{opacity:.6;cursor:wait}
#personal .personal-tabs .btn{width:100%;min-height:56px;padding:8px 12px;text-align:center;background:transparent;border:1px solid transparent;color:#535c4b}
#personal .personal-tabs .btn[data-kind="task"]{--tab:var(--p-orange);--tab-bg:rgba(255,145,47,.17)}
#personal .personal-tabs .btn[data-kind="event"]{--tab:var(--p-blue);--tab-bg:rgba(85,184,255,.16)}
#personal .personal-tabs .btn[data-kind="note"]{--tab:var(--p-green);--tab-bg:rgba(97,214,173,.14)}
#personal .personal-tabs .btn[aria-pressed="true"]{color:#302f2a;background:var(--tab-bg);border-color:var(--tab);box-shadow:inset 0 -3px var(--tab)}
#personal .personal-tabs .btn:hover{background:var(--tab-bg)}
#personal #personalList{display:grid;gap:11px;margin-top:15px}
#personal .personal-item{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;border-left:4px solid var(--item,var(--p-orange));transition:border-color .2s,background .2s}
#personal .personal-item:hover{background:#f0f2e8}
#personal .personal-item[data-kind="event"]{--item:var(--p-blue)}
#personal .personal-item[data-kind="note"]{--item:var(--p-green)}
#personal .personal-item[data-priority="high"]{--item:#b14639}
#personal .personal-item[data-done="true"]{--item:#7c8172;opacity:.78}
#personal .personal-item-main{display:flex;gap:14px;min-width:0;align-items:flex-start}
#personal .personal-item-main>div{min-width:0}
#personal .personal-item h3{margin:0 0 5px;font-size:18px}
#personal .personal-item .muted{margin:2px 0;color:#69695f!important;font-size:14px}
#personal .personal-item input[type=checkbox]{width:23px;height:23px;accent-color:var(--p-orange);margin:2px 0 0;flex-shrink:0}
#personal .personal-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
#personal .personal-actions .btn{min-height:38px}
#personal .personal-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;color:#424a3c}
#personal .personal-done{text-decoration:line-through;color:#69695f!important}
#personal .personal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
#personal .personal-form{margin:14px 0 18px;border-top:3px solid var(--p-orange)}
#personal .personal-form label{display:block;margin-top:14px;color:#424a3c;font-size:14px;font-weight:700}
#personal .input{width:100%;font-size:16px;background:#fffefa;color:#302f2a;border:1px solid #cec6b8;border-radius:10px;padding:11px}
#personal .input:focus{border-color:var(--p-orange)}
#personal .personal-week,#personal .personal-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
#personal .personal-week span{text-align:center;padding:7px;color:#536b45;font-weight:700;font-size:14px}
#personal .personal-day{min-width:0;min-height:76px;padding:8px;border:1px solid #dcd6c9;border-radius:11px;background:#fffefa;color:#302f2a;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
#personal .personal-day:hover{background:#e8edde;border-color:var(--p-blue)}
#personal .personal-day b,#personal .personal-day span{display:block}
#personal .personal-day b{font-size:17px}
#personal .personal-day span{width:fit-content;min-height:17px;margin-top:5px;font-size:13px;font-weight:700;color:var(--p-blue)}
#personal .personal-day.has-event{background:#e4eadc;border-color:#93a786}
#personal .personal-day.today{border-color:var(--p-orange);box-shadow:inset 0 0 0 1px var(--p-orange)}
#personal .personal-day.selected{background:#d8e2cb;outline:2px solid var(--p-blue);outline-offset:1px}
#personalMessage,#personal .personal-form-error{color:#8e4630}
#personal :focus-visible{outline:2px solid var(--p-orange);outline-offset:3px}
@media(max-width:850px){#personal .personal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#personal .personal-item{align-items:flex-start;flex-direction:column}#personal .personal-actions{padding-left:37px}}
@media(max-width:520px){#personal{padding:12px;font-size:15px}#personal>.personal-heading:first-child{padding:18px}#personal .card{padding:15px}#personal .personal-stats{gap:8px}#personal .personal-stats>div{padding:12px;min-height:98px}#personal .personal-stats b{font-size:26px}#personal .personal-tabs{gap:3px;padding:4px}#personal .personal-tabs .btn{font-size:12px;min-height:56px;padding:7px 4px}#personal .personal-day{min-height:56px;padding:5px;border-radius:8px}#personal .personal-day b{font-size:14px}#personal .personal-day span{font-size:11px;margin-top:2px}#personal .personal-calendar,#personal .personal-week{gap:3px}#personal .personal-reminder{align-items:flex-start;flex-direction:column}#personal .personal-actions{padding-left:0}}
#personal .personal-dashboard{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;align-items:start}
#personal .personal-main-day .personal-today{margin:0;height:100%}
#personal .personal-side-calendar{margin:0;background:linear-gradient(145deg,#fffefa,#fffefa);border-radius:22px}
#personal .personal-side-calendar>.personal-heading:first-child{margin:0 0 12px}
#personal .personal-side-calendar>.personal-heading:last-child{margin:12px 0 0}
#personal .personal-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}
#personal .personal-quick{min-height:126px;padding:18px;text-align:left;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,#fffefa,#fffefa);color:#302f2a;cursor:pointer;transition:.18s}
#personal .personal-quick:hover{transform:translateY(-2px);border-color:#93a786}
#personal .personal-quick.active{border-color:var(--p-orange);background:linear-gradient(145deg,rgba(255,145,47,.16),#e7ecde)}
#personal .personal-quick b{display:block;font-size:27px;line-height:1;color:var(--p-orange);margin-bottom:18px}
#personal .personal-quick span{display:block;font-size:17px;font-weight:800}
#personal .personal-quick small{display:block;color:var(--p-muted);font-size:13px;margin-top:3px}
#personal .personal-section-head{margin-top:10px}
#personal .personal-private-note{margin-top:18px;padding:13px 16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(0,0,0,.12);color:var(--p-muted);font-size:13px}
@media(max-width:950px){#personal .personal-dashboard{grid-template-columns:1fr}#personal .personal-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#personal .personal-quick-grid{gap:8px}#personal .personal-quick{min-height:108px;padding:14px}#personal .personal-quick b{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){#personal .btn,#personal .personal-item,#personal .personal-day,#personal .personal-quick{transition:none}}
main>.screen{display:none}main>.screen.active{display:block}body [hidden]{display:none!important}
#personal{padding:0;margin:0;max-width:none;--p-bg:#f5f3ed;--p-panel:#fffefa;--p-line:#dcd6c9;--p-text:#302f2a;--p-muted:#69695f;--p-orange:#9c4f35;--p-blue:#55734a;--p-green:#587a52}
#personal>.personal-heading:first-child{background:#ede6d7;border-color:#ddd3bf;padding:24px 26px;border-radius:18px}
#personal>.personal-heading:first-child:before{content:'ESPACIO PRIVADO';font-size:10px;color:#756b56;letter-spacing:1.4px}
#personal>.personal-heading:first-child h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:34px}
#personal>.personal-heading:first-child .muted{color:#69695f!important;font-size:14px}
#personal .card,#personal .personal-side-calendar{background:#fffefa;border-color:#dcd6c9;box-shadow:0 4px 18px #473c2510}
#personal .personal-today{background:#f0ece2;border-color:#dcd6c9}
#personal .personal-stats>div{background:#fffefa;border-color:#dcd6c9;border-top-color:var(--stat);box-shadow:none}
#personal .personal-stats b{font-size:31px;color:var(--stat)}
#personal .personal-stats span{color:#424a3c;font-size:12px}
#personal .personal-quick{background:#fffefa;border-color:#dcd6c9;color:#302f2a;box-shadow:0 4px 18px #473c2510;border-radius:13px}
#personal .personal-quick.active{background:#e7ecde;border-color:#93a786}
#personal .personal-quick b{color:#55734a;font-size:25px}
#personal .personal-quick span{font-size:16px}#personal .personal-quick small{font-size:12px}
#personal .btn{padding:10px 14px;font-family:Manrope,Arial,sans-serif;font-weight:600;min-height:44px;border-radius:9px}
#personal .btn.primary{background:#9c4f35;color:#fffefa;border-color:#9c4f35}
#personal .btn.dark{background:#fffefa;color:#4a5341;border-color:#dcd6c9}
#personal .btn.dark:hover{background:#e7ecde}
#personal .personal-agenda li{background:#fffefa;border-color:#55734a}
#personal .personal-body{color:#424a3c}#personal .personal-item:hover{background:#f0f2e8}
#personal .personal-private-note{background:#f0ece2;border-color:#dcd6c9;color:#69695f}
#personal .personal-form{border-top:0;border-left:4px solid #9c4f35;background:#fffefa}
#personal .personal-side-calendar h3{font-family:Manrope,Arial,sans-serif;font-size:15px;text-transform:capitalize}
#personal .personal-calendar .personal-day{color:#302f2a;background:#fffefa;border-color:#dcd6c9}
#personal .personal-calendar .personal-day.has-event{background:#e4eadc;border-color:#93a786}
#personal .personal-calendar .personal-day.today{border-color:#9c4f35}
#personal .personal-calendar .personal-day.selected{background:#d8e2cb;outline-color:#55734a}
#personal .personal-calendar .personal-day span{color:#426139}
#personal .personal-heading h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:25px}
#personal .personal-item h3{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:18px}
#personal .personal-dashboard{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
#personal .personal-form label{color:#424a3c}
#personal .personal-stats{grid-template-columns:1fr 1fr}
#personal .personal-day{min-height:58px}
#personal .personal-reminder{border-color:#dcd6c9}
#personal .personal-item-main{flex:1}#personal .personal-item{gap:14px}
@media(max-width:1050px){#personal .personal-dashboard{grid-template-columns:1fr}}
@media(max-width:520px){#personal{padding:0}#personal>.personal-heading:first-child{padding:20px}#personal>.personal-heading:first-child h1{font-size:28px}#personal .personal-quick{min-height:108px}#personal .personal-side-calendar{padding:16px}#personal .personal-form input,#personal .personal-form select,#personal .personal-form textarea{font-size:16px}#personal .personal-actions .btn{min-height:44px}main>.page-head{flex-wrap:wrap}}