:root { color-scheme: dark; --black:#080a09; --panel:#101411; --line:#9cff00; --paper:#f8f3dc; --muted:#a8ada7; --ink:#151813; }
* { box-sizing: border-box; }
body { margin:0; min-width:320px; min-height:100vh; color:#f7f9f4; font-family:Inter,system-ui,sans-serif; background:radial-gradient(circle at 85% 5%,#1c2f1a 0,transparent 24rem),linear-gradient(135deg,#060706,#0c100d 52%,#060706); }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
.command-shell { position:relative; max-width:1800px; min-height:calc(100vh - 55px); margin:auto; padding:28px clamp(18px,3vw,56px) 44px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:22px; border-bottom:1px solid rgba(156,255,0,.32); }
.brand-lockup,.topbar-actions { display:flex; align-items:center; gap:16px; }
.brand-mark { width:50px; height:50px; display:grid; place-items:center; color:var(--black); background:var(--line); border:2px solid #d5ff86; box-shadow:5px 5px 0 #2d4b0b; font-family:'Archivo Black',sans-serif; font-size:27px; transform:rotate(-3deg); }
.eyebrow { margin:0 0 3px; color:var(--line); font-size:10px; font-weight:700; letter-spacing:.14em; }
h1,h2 { margin:0; font-family:'Archivo Black',Impact,sans-serif; letter-spacing:.02em; }
h1 { font-size:clamp(22px,3vw,36px); line-height:1; } h1 span { color:var(--line); }
.today { margin:0; color:var(--muted); font-size:13px; text-transform:capitalize; }
.new-note-button,.save-button { border:1px solid #d7ff8e; padding:12px 16px; color:#071006; background:var(--line); box-shadow:4px 4px 0 #4d7e0a; font-size:12px; font-weight:800; letter-spacing:.06em; transition:transform .16s,box-shadow .16s; }
.new-note-button:hover,.save-button:hover { transform:translate(2px,2px); box-shadow:2px 2px 0 #4d7e0a; }
.command-note { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin:18px 0 26px; padding:9px 12px; color:#c8d0c3; border:1px solid #273125; background:#0c100d; font-size:12px; }
.command-note p { margin:0; }.command-note-dot { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:var(--line); box-shadow:0 0 12px var(--line); }
.board { display:grid; grid-template-columns:repeat(4,minmax(225px,1fr)); gap:0; overflow-x:auto; padding:4px 0 10px; }
.column { position:relative; min-height:610px; padding:0 20px 24px; border-left:7px solid var(--line); background:linear-gradient(90deg,rgba(156,255,0,.13),transparent 6px); }
.column:last-child { border-right:7px solid var(--line); }.column-heading { display:flex; align-items:center; justify-content:space-between; min-height:68px; margin:0 -20px 18px; padding:0 20px; border-bottom:1px solid rgba(255,255,255,.1); }
.column-heading h2 { width:200px; max-width:calc(100% - 44px); padding:7px 12px 6px; color:#171a16; background:#e9ece6; border:2px solid #141714; outline:2px solid #e9ece6; font-size:clamp(19px,2vw,27px); text-align:center; box-shadow:4px 4px 0 rgba(0,0,0,.48); }
.column-heading span { min-width:28px; padding:4px 7px; text-align:center; color:#a7af9f; border:1px solid #33402f; border-radius:999px; font-size:12px; }
.drop-zone { min-height:520px; display:flex; flex-direction:column; align-items:center; gap:18px; padding:4px 3px 30px; transition:background .15s; }.drop-zone.drag-over { background:rgba(156,255,0,.09); outline:1px dashed var(--line); outline-offset:6px; }
.sticky-note { position:relative; width:clamp(190px,15vw,235px); aspect-ratio:1; padding:19px 17px 16px; color:var(--ink); border:0; box-shadow:7px 9px 12px rgba(0,0,0,.38); font-family:Caveat,cursive; cursor:grab; transform:translateX(var(--shift,0px)) rotate(var(--tilt,0deg)); transition:transform .16s ease,box-shadow .16s ease; }.sticky-note:active{cursor:grabbing}.sticky-note:hover { transform:translateX(0) rotate(0deg) translateY(-5px) !important; box-shadow:9px 14px 18px rgba(0,0,0,.45); }.sticky-note::after{content:'';position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent rgba(0,0,0,.12) transparent;}
.sticky-note { user-select:none; -webkit-user-drag:none; touch-action:none; }
.sticky-note.pointer-dragging { position:fixed; z-index:100; margin:0; pointer-events:none; opacity:.92; box-shadow:14px 18px 24px rgba(0,0,0,.58); transform:rotate(var(--tilt,0deg)) scale(1.03); }
.sticky-note.soft-yellow,.sticky-note.blue{background:#f2ef93}.sticky-note.yellow{background:#d9ef00}.sticky-note.lime{background:#82ff00}.sticky-note.pink{background:#ff3ca6}.sticky-note.orange{background:#ff8c20}
.note-star { display:block; margin-bottom:4px; color:#293500; font-family:Inter,sans-serif; font-size:10px; font-weight:800; letter-spacing:.08em; }.note-title { display:block; font-weight:700; font-size:24px; line-height:1.02; }.note-body { display:-webkit-box; overflow:hidden; margin:8px 0 10px; font-size:18px; line-height:1.05; -webkit-box-orient:vertical; -webkit-line-clamp:4; }.note-tags { position:absolute; bottom:13px; left:17px; right:17px; overflow:hidden; color:rgba(20,24,18,.65); font-family:Inter,sans-serif; font-size:10px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }
.note-dialog { width:min(580px,calc(100vw - 28px)); padding:0; color:#ecefe9; border:1px solid #44513e; background:#111611; box-shadow:0 18px 70px rgba(0,0,0,.7); }.note-dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(3px); }.note-form { display:flex; flex-direction:column; gap:15px; padding:26px; }.dialog-heading,.dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }.close-button { width:34px; height:34px; color:#fff; border:1px solid #52604b; background:transparent; font-size:25px; }.note-form label { display:flex; flex-direction:column; gap:7px; color:#cbd2c6; font-size:12px; font-weight:700; }.note-form input,.note-form textarea,.note-form select { width:100%; padding:11px; color:#f4f7f1; border:1px solid #3b4637; outline:none; background:#090c09; }.note-form input:focus,.note-form textarea:focus,.note-form select:focus { border-color:var(--line); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.star-toggle { flex-direction:row !important; align-items:center; color:var(--line) !important; }.star-toggle input { width:auto; accent-color:var(--line); }.delete-button { border:0; padding:11px 0; color:#ff897e; background:transparent; font-size:11px; font-weight:800; letter-spacing:.07em; }
footer { padding:18px; color:#778072; border-top:1px solid #1f291d; text-align:center; font-size:12px; } footer strong { color:#bec9b5; }
@media (max-width:940px){.board{grid-template-columns:repeat(4,minmax(250px,1fr))}.column{min-height:560px}.topbar{align-items:flex-start;flex-direction:column;max-height:170px}.topbar.is-collapsed{max-height:170px;padding-bottom:22px;border-color:rgba(156,255,0,.32);cursor:default}.topbar-actions{width:100%;justify-content:space-between}.drop-zone{min-height:450px}}
@media (max-width:520px){.command-shell{padding:18px 14px 30px}.today{display:none}.brand-mark{width:42px;height:42px;font-size:22px}.new-note-button{padding:11px 12px;font-size:10px}.command-note{width:100%;font-size:11px}.note-form{padding:21px}.form-grid{grid-template-columns:1fr}.sticky-note{width:210px}.note-title{font-size:23px}}

/* Módulo Metas: estrategia arriba, ejecución en el tablero. */
.fullscreen-button{width:48px;height:42px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--line);border:1px solid #d7ff8e;box-shadow:4px 4px 0 #4d7e0a;color:#071006;transition:transform .16s,box-shadow .16s}.fullscreen-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #4d7e0a}.fullscreen-button svg{display:block;stroke:#071006}
.menu-button{width:48px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;background:var(--line);border:1px solid #d7ff8e;box-shadow:4px 4px 0 #4d7e0a}.menu-button i{display:block;width:21px;height:3px;background:#071006}.menu-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #4d7e0a}
.side-menu{position:absolute;z-index:5;top:92px;right:clamp(18px,3vw,56px);display:none;width:235px;padding:18px;background:#0d120d;border:1px solid #3d4c36;box-shadow:9px 11px 0 rgba(0,0,0,.45)}.side-menu.open{display:flex;flex-direction:column;gap:6px}.menu-link{display:flex;justify-content:space-between;padding:11px 9px;color:#eaf1e4;border:0;background:transparent;text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em}.menu-link:hover,.menu-link.active{color:var(--line);background:#152011}.menu-link.disabled{color:#64705f;cursor:not-allowed}.menu-link small{font-size:9px;font-weight:500}
.goals-view{padding-top:25px}.goals-header{display:flex;justify-content:space-between;align-items:end;padding:0 0 23px;border-bottom:1px solid rgba(156,255,0,.3)}.goals-header h2{margin:0;font-family:'Archivo Black',sans-serif;font-size:clamp(30px,4vw,49px)}.goals-header h2 span{color:var(--line)}.goals-actions{display:flex;align-items:center;gap:18px}.goals-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:650px;border:1px solid #263223;border-top:0}.goals-sidebar{padding:22px 15px;border-right:6px solid var(--line);background:rgba(7,11,7,.5)}.panel-label{margin:0 0 10px;color:#99aa8d;font-size:10px;font-weight:800;letter-spacing:.1em}.goal-filter,.project-link{display:flex;justify-content:space-between;width:100%;padding:11px 9px;color:#c5d0bc;border:0;background:transparent;text-align:left;font-size:13px}.goal-filter:hover,.goal-filter.active{color:#0b1107;background:var(--line)}.projects-label{margin-top:32px}.project-link{padding-left:18px;color:#d9e5d1}.goal-detail{padding:clamp(25px,5vw,68px);background:radial-gradient(circle at 85% 0,rgba(156,255,0,.1),transparent 25rem)}.goal-status{display:inline-block;padding:5px 8px;color:var(--line);border:1px solid #46583b;font-size:10px;font-weight:800;letter-spacing:.08em}.goal-detail h3{margin:17px 0 12px;font-family:'Archivo Black',sans-serif;font-size:clamp(30px,4vw,54px);line-height:.98}.goal-copy{max-width:660px;color:#b9c3b2;font-size:16px;line-height:1.6}.goal-progress{display:grid;grid-template-columns:1fr auto;gap:12px 20px;max-width:670px;margin:35px 0}.goal-progress div:first-child{display:flex;justify-content:space-between;align-items:baseline}.goal-progress span{color:#96a38d;font-size:10px;font-weight:800;letter-spacing:.1em}.goal-progress strong{font-size:18px}.goal-progress em{color:#87937e;font-size:13px;font-style:normal}.progress-track{height:10px;background:#202b1d}.progress-track i{display:block;height:100%;background:var(--line);box-shadow:0 0 10px rgba(156,255,0,.4)}.goal-progress b{grid-row:2;color:var(--line)}.linked-actions{max-width:760px;margin-top:42px;border-top:1px solid #2e3b29}.section-title{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.section-title p{margin:0}.section-title span{color:#76816e;font-size:10px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #273323}.action-row strong{display:block;font-size:15px}.action-row small{display:block;margin-top:5px;color:#85917d}.send-to-task,.action-state{padding:9px 10px;color:#0a1106;border:0;background:var(--line);font-size:10px;font-weight:900;letter-spacing:.06em}.action-state{color:#d2ddcb;background:#263421}.activity{margin-top:40px}.activity p:not(.panel-label){color:#dce8d5}.activity time{margin-left:10px;color:#899680;font-size:10px;font-weight:800}
.selected-goal{color:#0b1107;background:#d9ef00}.add-action{padding:7px 9px;color:var(--line);border:1px solid #526747;background:transparent;font-size:10px;font-weight:800}.empty-actions{color:#87937e;font-size:13px}
body.view-goals .topbar{display:none}body.view-goals .goals-view{padding-top:0}body.view-goals .side-menu{top:65px}
@media (max-width:700px){.goals-layout{grid-template-columns:1fr}.goals-sidebar{border-right:0;border-bottom:5px solid var(--line)}.goals-header{align-items:flex-start;flex-direction:column;gap:18px}.goal-detail{padding:28px 20px}.section-title{align-items:flex-start;flex-direction:column;gap:5px}}
@media (max-width:940px){.side-menu{top:142px}}