:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#30352d;background:#f8f9f5;font-synthesis:none;font-size:14px;--olive:#606a45;--ink:#30352d;--muted:#84877c;--line:#e8eae2;--lav:#eae6f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7b865c}button{border:0;background:none;color:inherit}a{color:inherit}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--olive);color:white}.brand .ai{font-size:10px;letter-spacing:.7px;background:#e6e9dc;color:var(--olive);padding:4px 5px;border-radius:5px;margin-left:2px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;font-weight:600;text-decoration:none;line-height:1.3}.primary{background:var(--olive);color:white}.primary:hover{background:#4f5937}.secondary{border:1px solid #dfe2d7;background:white}.secondary:hover{background:#f1f3eb}.danger{color:#ad4f4f;background:#faeeee}.quiet{color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:700;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:35px;letter-spacing:-1.4px;font-weight:600;line-height:1.2}h2{font-size:21px;letter-spacing:-.6px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.7;color:#797e70}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #dfe3d6;border-radius:9px;padding:12px;background:#fff;color:var(--ink);min-width:0}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#a1a496}form .field{margin-bottom:17px}.form-error{color:#a44343;font-size:12px;line-height:1.5;min-height:18px;margin:8px 0}.loading{padding:70px;text-align:center;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{padding:48px 8%;display:flex;flex-direction:column;background:#eef0e6;position:relative;overflow:hidden}.auth-story h1{font-size:62px;letter-spacing:-3.5px;line-height:1.08;margin-top:90px;margin-bottom:22px;max-width:500px}.auth-story h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#707b53}.auth-story>p{font-size:16px;max-width:370px}.story-note{margin-top:auto;padding-top:36px;font-size:12px;color:#7c826d}.preview-stack{max-width:390px;margin-top:25px;transform:rotate(-3deg)}.preview-task{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#fff;border:1px solid #e6e9dd;border-radius:12px;box-shadow:0 7px 16px #46503504;margin-bottom:10px}.preview-task:nth-child(2){margin-left:20px;background:#f7f3e8}.preview-task:nth-child(3){margin-left:8px}.preview-task .circle{height:17px;width:17px;border:1.5px solid #adb995;border-radius:50%}.preview-task small{display:block;color:#929986;margin-top:5px;font-size:10px}.auth-form-side{padding:40px 10%;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:360px}.auth-card h2{font-size:29px;letter-spacing:-1px;margin-bottom:8px}.auth-card>p{font-size:13px;margin-bottom:28px}.auth-card .primary{width:100%;margin-top:3px}.auth-toggle{text-align:center;margin-top:23px;font-size:12px;color:#777f6d}.auth-toggle button{font-weight:600;text-decoration:underline;text-underline-offset:3px;color:#59613f}.auth-foot{font-size:11px;text-align:center;color:#939889;line-height:1.6;margin-top:27px}.demo-link{display:block;margin:25px auto 0;font-size:12px;color:#747d60}.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#f0f2e9;padding:30px 19px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px}.workspace{margin:33px 0 24px;padding:13px 10px;border:1px solid #dfe3d4;background:#f8f9f4;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.workspace>span:first-child{display:grid;place-items:center;color:#798363;border:1px solid #e4e6dd;width:29px;height:29px;border-radius:7px;background:white}.workspace small{display:block;font-size:10px;color:#929886;margin-top:3px}.workspace>.icon{margin-left:auto;width:13px}.nav-label{margin:8px 12px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;margin-bottom:4px;border-radius:8px;color:#7a806d;font-size:12px}.nav-item:hover{background:#e8ecdd}.nav-item.active{background:#e1e7d3;color:#53613c;font-weight:600}.nav-item .count{margin-left:auto;font-size:10px;min-width:21px;text-align:center}.nav-item.active .count{background:#d3dcbe;padding:3px 5px;border-radius:4px}.project-nav{margin-top:25px}.project-dot{height:7px;width:7px;border-radius:3px;background:#c2b0dc;margin:0 6px}.project-nav .nav-item:nth-child(3n) .project-dot{background:#dbbd8c}.project-nav .nav-item:nth-child(3n + 1) .project-dot{background:#99b9a9}.sidebar-bottom{margin-top:auto;padding-top:28px}.integration-promo{padding:15px;background:#e6e2ee;border:1px solid #dbd5e6;border-radius:10px;margin-bottom:20px}.integration-promo svg{color:#8b7c9f}.integration-promo h3{font-size:12px;margin:10px 0 4px}.integration-promo p{font-size:10px;color:#8c8499;line-height:1.6;margin-bottom:10px}.integration-promo button{background:#fff9;border:1px solid #d6d0df;border-radius:6px;width:100%;padding:8px;font-size:10px;font-weight:600}.profile{display:flex;align-items:center;gap:10px;padding:0 7px}.avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#ddd8c5;color:#82724f;font-size:11px;font-weight:600}.profile strong{font-size:11px;font-weight:600;display:block}.profile small{font-size:9px;color:#929783}.profile button{margin-left:auto;color:#89917b;padding:5px}.main{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line);background:#fdfefa}.breadcrumb{font-size:11px;color:#9b9f92;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:500;color:#747b68}.searchbox{display:flex;align-items:center;gap:8px;background:#f6f7f2;border:1px solid #e8ebe0;border-radius:7px;padding:0 11px;width:240px;color:#a1a795}.searchbox input{border:0;background:transparent;font-size:11px;padding:9px 0;outline:none}.searchbox svg{width:15px}.content{max-width:1260px;margin:auto;padding:37px 40px 50px}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:26px}.page-heading h1{margin-bottom:9px;font-size:30px}.page-heading p{font-size:12px;margin:0}.page-heading .primary{font-size:11px;padding:11px 14px}.date-line{font-size:10px;color:#8e9582;margin-bottom:8px}.welcome-banner{padding:25px 27px;background:#e9eddf;border:1px solid #e0e6d4;border-radius:12px;display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:25px;position:relative;overflow:hidden}.welcome-banner h2{font-size:20px;margin-bottom:8px}.welcome-banner h2 em{font-family:Georgia,serif;font-weight:400}.welcome-banner p{font-size:11px;margin-bottom:14px;color:#8b927e;max-width:430px}.welcome-banner .secondary{font-size:10px;padding:9px 13px;background:#ffffffa8;border-color:#d4dbc8}.banner-art{width:170px;min-width:110px;height:110px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #cbd3ba;border-radius:50%;width:130px;height:130px;transform:rotate(-20deg) scaleY(.57)}.orbit.two{transform:rotate(45deg) scaleY(.6)}.big-spark{display:grid;place-items:center;background:#dce3cb;border:1px solid #d0d8be;height:67px;width:67px;border-radius:19px;transform:rotate(-10deg);color:#818d63}.big-spark svg{width:33px;height:33px}.spark-small{position:absolute;right:6px;top:5px;color:#9ca87f}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:30px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a907f}.stat-label svg{width:15px;height:15px;color:#a4ad94}.stat strong{font-size:27px;letter-spacing:-1px;font-weight:500;display:block;margin-top:12px}.stat small{display:block;font-size:9px;color:#a0a595;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px}.task-panel{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:17px;margin:0}.text-btn{font-size:10px;color:#969d89;display:flex;align-items:center;gap:5px}.filters{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:8px;align-items:center}.filter{padding:10px 12px;font-size:10px;color:#929986;border-bottom:2px solid transparent;white-space:nowrap}.filter.active{border-color:#798661;color:#64714d;font-weight:600}.filter .tiny-count{margin-left:5px;font-size:9px;color:#9aa28a}.sort-select{margin-left:auto;border:0;background:none;padding:4px;font-size:10px;color:#929986;width:auto}.task-row{display:flex;gap:13px;align-items:flex-start;padding:18px 5px;border-bottom:1px solid #eceee6}.check{flex-shrink:0;width:17px;height:17px;border:1.4px solid #ccd1bf;border-radius:5px;margin-top:2px;padding:0;display:grid;place-items:center}.check:hover{border-color:var(--olive);background:#eff3e5}.check.checked{color:white;background:#8e9b74;border-color:#8e9b74}.check svg{width:12px;height:12px}.task-body{flex:1;min-width:0}.task-title{display:block;text-align:left;padding:0;font-size:12px;font-weight:500;line-height:1.5;word-break:break-word}.task-title:hover{color:#7b855f}.is-done .task-title{text-decoration:line-through;color:#a4ab96}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:9px;color:#a0a792}.tag{padding:3px 7px;border-radius:4px;background:#ece8f2;color:#9d8db0;font-size:9px;line-height:1.2}.tag.personal{background:#e9ede2;color:#919d7d}.task-date{display:inline-flex;align-items:center;gap:4px}.task-date svg{width:11px;height:11px}.overdue{color:#bd8070}.priority{font-size:9px;display:flex;align-items:center;gap:4px;margin-left:auto;padding-top:3px;white-space:nowrap;color:#9aa38b}.priority::before{content:"";width:5px;height:5px;border-radius:50%;background:#b6c0a4}.priority.alta{color:#c38b75}.priority.alta::before{background:#d9a78e}.priority.media{color:#b3a47d}.priority.media::before{background:#d5c799}.row-menu{color:#a4ad97;padding:0 3px}.add-inline{display:flex;align-items:center;gap:7px;color:#9aa588;font-size:11px;padding:18px 5px}.add-inline svg{width:14px}.side-card{border:1px solid var(--line);border-radius:11px;padding:19px 19px;margin-bottom:17px;background:#fff}.side-card h3{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:16px}.side-card h3 svg{width:15px;color:#a6af95}.progress-info{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8f9880;margin-bottom:9px}.progress-info strong{font-weight:500;color:#7e8b66}progress{width:100%;height:6px;border:none;border-radius:4px;background:#eaf0e0;overflow:hidden;display:block}progress::-webkit-progress-bar{background:#edf0e6}progress::-webkit-progress-value{background:#abb98e;border-radius:4px}progress::-moz-progress-bar{background:#abb98e}.side-card>p{font-size:10px;line-height:1.6;color:#a0a792;margin:13px 0 0}.tip-card{background:#f4f0e6;border-color:#ebe5d6}.tip-card h3{color:#96845b}.tip-card p{color:#a99c7d;font-size:11px;margin:0}.tip-card .little-line{width:24px;height:2px;background:#d9cfb7;margin-top:18px}.project-progress{padding-top:14px;border-top:1px solid #f0f1eb;margin-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#909b80}.project-progress span{display:flex;align-items:center;gap:2px}.empty{text-align:center;padding:44px 18px;background:#f4f6ee;border:1px dashed #dfe4d4;border-radius:9px;margin-top:15px}.empty svg{color:#adb89a;width:28px;height:28px}.empty h3{margin:14px 0 7px;font-size:14px}.empty p{font-size:11px;margin-bottom:16px}.footer-note{margin-top:38px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#afb5a3}.footer-note span{display:flex;align-items:center;gap:5px}.footer-note svg{width:12px;height:12px}.demo-banner{padding:11px 25px;background:#f3e8ce;color:#9d7940;font-size:11px;text-align:center}.demo-banner button{font-weight:600;text-decoration:underline;margin-left:8px}.integration-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;margin-bottom:20px}.panel h2{font-size:17px;margin-bottom:8px}.panel p{font-size:12px}.step-label{font-size:10px;color:#a39aaf;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.code-box{display:block;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid #e2e5da;border-radius:8px;background:#f5f7ef;padding:14px;color:#747f61;margin:10px 0}.key-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.key-actions button,.panel .secondary,.panel .primary{font-size:11px;padding:10px 13px}.hint{font-size:11px;color:#999e8e;line-height:1.7;margin-top:11px}.security-note{padding:12px 14px;border-radius:8px;font-size:11px;line-height:1.7;background:#f4f0e6;color:#9a8967}.prompt-area{height:260px;background:#fafbf8;font:11px/1.8 ui-monospace,monospace;border-color:#e6e9df}.check-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;color:#929b83;margin:13px 0}.check-label input{width:15px;height:15px;accent-color:var(--olive)}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{counter-increment:steps;position:relative;padding:0 0 22px 34px;color:#8e9780;font-size:11px;line-height:1.7}.steps li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid #e0e6d7;background:#f4f7ed;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px;color:#9ba68b}.steps strong{display:block;color:#65734f;font-size:12px;font-weight:500}.json-import{height:170px;font:11px/1.7 ui-monospace,monospace}.import-preview{max-height:200px;overflow:auto;margin:12px 0;padding:10px 15px;background:#f4f7ed;border-radius:8px;font-size:12px}.import-preview li{margin-bottom:8px;line-height:1.5}.settings dl{margin:18px 0 0}.settings dt{font-size:11px;color:#929a86;margin-top:20px}.settings dd{margin:5px 0;font-size:14px}.mobile-brand{display:none}dialog{width:min(500px,calc(100% - 32px));border:1px solid #e3e7d9;border-radius:15px;padding:27px;color:var(--ink);box-shadow:0 20px 70px #242b2520}dialog::backdrop{background:#1e291f40;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-head h2{margin:0;font-size:20px}.modal-close{font-size:24px;color:#9ba38c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions button{font-size:12px}.modal-actions .danger{margin-right:auto}.modal-sub{font-size:12px;line-height:1.8;color:#929a85}.note-detail{white-space:pre-wrap;font-size:11px;margin-top:8px;color:#9aa18e;max-width:100%;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#424d35;color:white;border:1px solid #5c694d;padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 4px 25px #0001;z-index:50;opacity:0;pointer-events:none;transition:opacity .18s;max-width:calc(100% - 25px);text-align:center}#toast.visible{opacity:1}.full-width{width:100%}.mb0{margin-bottom:0}.nowrap{white-space:nowrap}.auth-status{font-size:11px;color:#a1a98f}.refresh{display:flex;align-items:center;gap:6px}.refresh svg{width:13px}.api-method{font:10px ui-monospace,monospace;color:#9a8bac;margin-right:6px}.card-subtitle{font-size:11px;color:#a0a792;margin:0}.key-reveal{font-size:10px;color:#a9956b;margin-top:8px}.import-actions{display:flex;gap:8px;margin-top:12px}.integration-heading p{max-width:600px}.filter-count{font-size:11px;color:#a5ad99;font-weight:400;margin-left:8px}
@media(min-width:1500px){.content{padding-top:46px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}.task-row{padding-top:22px;padding-bottom:22px}}@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.right-column .side-card{margin:0}.content{padding:28px}.topbar{padding:0 28px}.integration-grid{grid-template-columns:1fr}.auth-story h1{font-size:51px}.auth-form-side{padding:35px 9%}}@media(max-width:800px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:24px 12px}.sidebar .brand{font-size:16px;gap:7px}.brand-mark{width:29px;height:29px}.stats{grid-template-columns:repeat(2,1fr)}.welcome-banner{padding:20px}.banner-art{display:none}.content{padding:24px}.topbar{padding:0 24px;height:68px}.searchbox{width:180px}.auth-story{padding:35px 9%}.auth-story h1{font-size:44px;margin-top:85px}.auth-form-side{padding:35px 8%}.preview-task{font-size:11px;padding:14px}.auth-story>p{font-size:14px}.footer-note{gap:14px}}@media(max-width:620px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:27px 27px 30px}.auth-story h1{font-size:42px;margin-top:38px;margin-bottom:12px;max-width:100%}.auth-story>p{font-size:13px;max-width:100%;margin-bottom:0}.preview-stack,.story-note{display:none}.auth-form-side{padding:30px 27px 45px}.auth-card{max-width:100%}.auth-card h2{font-size:25px}.shell{display:block}.sidebar{position:relative;height:auto;display:block;padding:17px 18px 9px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:18px}.workspace,.nav-label,.project-nav,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;margin-top:18px;overflow:auto}.nav-item{width:auto;white-space:nowrap;padding:9px;font-size:11px;margin:0}.nav-item .icon{width:15px}.nav-item .count{display:none}.topbar{height:58px;padding:0 20px}.breadcrumb{font-size:10px}.searchbox{width:165px}.content{padding:25px 20px}.page-heading h1{font-size:27px}.page-heading{align-items:flex-start;gap:10px}.page-heading .primary{font-size:10px;padding:10px;white-space:nowrap}.page-heading p{font-size:11px;max-width:210px}.welcome-banner{padding:20px;margin-bottom:20px}.welcome-banner h2{font-size:19px}.stats{gap:10px;margin-bottom:24px}.stat{padding:14px}.stat strong{font-size:26px}.filters{gap:0}.filter{padding:10px 8px;font-size:10px}.sort-select{font-size:9px;max-width:80px}.task-row{gap:10px}.priority{font-size:8px}.task-title{font-size:12px}.right-column{grid-template-columns:1fr}.footer-note{font-size:8px;flex-wrap:wrap}.integration-grid{gap:0}.panel{padding:20px}.page-heading.integration-heading{display:block}.page-heading.integration-heading .primary{margin-top:13px}.form-row{gap:10px}.demo-banner{font-size:10px;padding:9px 15px}.mobile-brand{display:block}.searchbox input{font-size:10px}.section-heading h2{font-size:16px}}
/* Versión de hosting: una vista centrada en hacer, sin tarjetas de distracción. */
.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px}.simple-grid{grid-template-columns:minmax(0,1fr)}.simple-grid .task-row{padding-top:21px;padding-bottom:21px}.content{max-width:1080px}.simple-grid .task-title{font-size:14px}.simple-grid .task-meta{font-size:11px}.simple-grid .tag{font-size:10px}.simple-grid .priority{font-size:11px}.section-heading h2{font-size:19px}.check{width:19px;height:19px}.task-row{gap:15px}.filter{font-size:12px}.sort-select{font-size:11px}.nav-item{font-size:13px}.stat-label{font-size:12px}.stat small{font-size:11px}.quiet{color:#747d68}.task-meta{color:#7e8870}.task-date{color:#7e8870}.priority.media{color:#93804e}.priority.alta{color:#ad6d56}.priority.baja{color:#778563}.panel p{color:#737e66}.task-title{color:#39432e}.sidebar .project-nav{max-height:35vh;overflow:auto}@media(max-width:620px){.stats{gap:8px}.stat{padding:13px 11px}.stat-label{font-size:10px}.stat small{font-size:9px;line-height:1.5}.stat-label svg{display:none}.simple-grid .task-title{font-size:13px}.simple-grid .priority{font-size:9px}.task-row{gap:11px}.filter{font-size:10px}.sort-select{font-size:10px}.nav-item{font-size:11px}}
.compact-integration{grid-template-columns:minmax(260px,.85fr) minmax(0,1.25fr);align-items:start}.compact-integration .prompt-area{height:330px}.compact-integration .panel{padding:24px}.compact-integration .code-box{font-size:11px}.import-help{display:flex;align-items:center;justify-content:space-between;gap:25px}.import-help h2{font-size:15px;display:inline;margin-left:9px}.import-help p{margin:9px 0 0}.import-help>div>svg{vertical-align:middle;color:#879570}.import-help>button{flex-shrink:0;font-size:11px}.import-help>div{min-width:0}@media(max-width:1000px){.compact-integration{grid-template-columns:1fr}.compact-integration .prompt-area{height:260px}.import-help{align-items:start;flex-direction:column;gap:15px}}@media(max-width:620px){.import-help h2{font-size:14px}.compact-integration .panel{padding:20px}}