/* Personal project manager only. Company work and every other view keep their original theme. */
body[data-ui-view="projects"]{
 --pn-bg:#f4f0e8;--pn-paper:#fffdf8;--pn-paper-soft:#f8f3ea;--pn-ink:#54483d;
 --pn-muted:#8b7e70;--pn-line:#ddd2c3;--pn-sand:#d7c4aa;--pn-sage:#929680;
 --pn-sage-soft:#e3e3d6;--pn-mist:#b9ccd1;--pn-clay:#c8a58e;--pn-sun:#d8bd82;
 background:
  radial-gradient(circle at 5% 25%,#d8c6ae55 0 3px,transparent 4px),
  radial-gradient(circle at 95% 55%,#b9ccd14d 0 5px,transparent 6px),
  linear-gradient(120deg,#fbf8f2 0%,var(--pn-bg) 58%,#ece6dc 100%);
 color:var(--pn-ink);font-family:ui-rounded,"Hiragino Maru Gothic ProN","PingFang TC","Microsoft JhengHei",sans-serif
}
/* One shared project workspace: the former company/private selector is no longer shown. */
#space{display:none!important}
body[data-ui-view="projects"] header{
 position:relative;z-index:2;margin:0 22px;padding:20px 28px;border:1px solid var(--pn-line);border-top:0;
 border-radius:0 0 30px 30px;background:#fffdf8ed;box-shadow:0 12px 36px #705b4310;backdrop-filter:blur(12px)
}
body[data-ui-view="projects"] header::after{
 content:"";position:absolute;right:24%;top:2px;width:150px;height:78px;background:url("personal-nature-doodles.svg") center/contain no-repeat;opacity:.38;pointer-events:none
}
body[data-ui-view="projects"] header b{color:#6a5a4c;font-size:30px;letter-spacing:.25em}
body[data-ui-view="projects"] header span{color:var(--pn-muted);font-size:13px;letter-spacing:.08em}
body[data-ui-view="projects"] header a{border-color:#d9cdbf!important;border-radius:999px!important;background:#f7f2e9;color:#685d50!important}
body[data-ui-view="projects"] #notice{color:#71665b;font-size:13px}
body[data-ui-view="projects"] #workspace{position:relative;z-index:1;max-width:1680px;padding:26px 34px 90px}
body[data-ui-view="projects"] .main-nav{
 width:max-content;max-width:100%;margin:0 0 28px auto;padding:7px;border:1px solid var(--pn-line);border-radius:18px 30px 18px 18px;
 background:#eee8decc;box-shadow:0 9px 24px #705b430a
}
body[data-ui-view="projects"] .main-nav button,
body[data-ui-view="projects"] .main-nav select{
 width:auto;margin:0;border-color:transparent;border-radius:13px;background:transparent;color:#685d51;box-shadow:none
}
body[data-ui-view="projects"] .main-nav button:hover{background:#fffdf8;border-color:#d8ccbd}
body[data-ui-view="projects"] .main-nav button.selected{
 background:#fffdf8!important;border-color:#d8ccbd;color:#5d5145;box-shadow:0 4px 12px #705b4310
}
body[data-ui-view="projects"] .main-nav #space{background:#e1ded1;border-color:#cbc2b3;color:#625b4c}
body[data-ui-view="projects"] .work-toolbar{
 position:relative;gap:18px;margin-bottom:28px;padding:24px 26px;border:1px solid var(--pn-line);border-radius:28px 58px 28px 36px;
 background:linear-gradient(135deg,#fffdf8 0%,#f4eee5 100%);box-shadow:0 15px 42px #705b430c;overflow:hidden
}
body[data-ui-view="projects"] .work-toolbar::after{
 content:"";position:absolute;right:-8px;bottom:-22px;width:175px;height:116px;background:url("personal-nature-doodles.svg") center/contain no-repeat;opacity:.28;pointer-events:none
}
body[data-ui-view="projects"] #categories{position:relative;z-index:1;gap:8px}
body[data-ui-view="projects"] #categories button{
 border-color:#ddd2c5;border-radius:999px;background:#fbf8f2;color:#72665b;padding:9px 16px
}
body[data-ui-view="projects"] #categories button.selected{
 background:var(--pn-sage-soft)!important;border-color:#c7c6b7;color:#62644f;box-shadow:inset 0 0 0 1px #fff9
}
body[data-ui-view="projects"] .work-toolbar>.row{position:relative;z-index:1;gap:10px}
body[data-ui-view="projects"] .work-toolbar button,
body[data-ui-view="projects"] .work-toolbar select{
 border-color:#d8ccbd;border-radius:12px 22px 12px 12px;background:#fffdf8;color:#665a4e;box-shadow:0 3px 10px #705b4308
}
body[data-ui-view="projects"] #add-project{background:var(--pn-sage);border-color:var(--pn-sage);color:white}
body[data-ui-view="projects"] #project-view{position:relative}
body[data-ui-view="projects"] .timeline-toolbar{
 position:relative;isolation:isolate;min-height:180px;margin-bottom:24px;padding:34px 295px 34px 36px;border:1px solid var(--pn-line);
 border-radius:34px 88px 34px 42px;background:linear-gradient(112deg,#fffdf8f4 0%,#fff9efe8 66%,#e5e2d7dd 100%);
 box-shadow:0 18px 48px #705b430d;overflow:hidden
}
body[data-ui-view="projects"] .timeline-toolbar::before{
 content:"PERSONAL PROJECT";position:absolute;left:38px;top:27px;color:#999b89;font-size:10px;font-weight:700;letter-spacing:.22em
}
body[data-ui-view="projects"] .timeline-toolbar::after{
 content:"";position:absolute;z-index:-1;right:5px;top:-8px;width:285px;height:190px;background:url("personal-nature-scene.svg") center/contain no-repeat;opacity:.94
}
body[data-ui-view="projects"] .timeline-toolbar h1{
 margin:30px 0 0;color:#51453b;font-size:clamp(30px,3vw,44px);font-weight:720;letter-spacing:.055em
}
body[data-ui-view="projects"] .timeline-toolbar>.row{position:absolute;right:28px;bottom:24px;z-index:2}
body[data-ui-view="projects"] .timeline-toolbar button,
body[data-ui-view="projects"] .timeline-toolbar input{
 border-color:#d8ccbd;border-radius:12px;background:#fffdf8;color:#665a4e
}
body[data-ui-view="projects"] #timeline-content{
 margin-bottom:28px;padding:6px;border-radius:24px 46px 24px 24px;background:#eee8de80
}
body[data-ui-view="projects"] .timeline-panel{
 border-color:var(--pn-line);border-radius:20px 40px 20px 20px;background:#fffdf8;box-shadow:0 12px 32px #705b4309
}
body[data-ui-view="projects"] .timeline-scroll{border-color:var(--pn-line);border-radius:15px 30px 15px 15px}
body[data-ui-view="projects"] .timeline-month{background:#dedacc;color:#655c51}
body[data-ui-view="projects"] .timeline-day{background:#eee8de;color:#776d62}
body[data-ui-view="projects"] .timeline-table .timeline-name{background:#f8f3ea}
body[data-ui-view="projects"] .timeline-dot{color:#81846e}
body[data-ui-view="projects"] .timeline-dot:hover{background:#e3e2d5}
body[data-ui-view="projects"] .project-grid{grid-template-columns:minmax(270px,.85fr) minmax(430px,1.45fr) minmax(280px,.9fr);gap:26px;margin-top:30px}
body[data-ui-view="projects"] .project-grid>section{
 position:relative;padding:30px 28px;border:1px solid var(--pn-line);border-radius:28px 56px 30px 36px!important;
 background:linear-gradient(145deg,#fffdf9 0%,#f8f3ea 100%)!important;box-shadow:0 15px 42px #705b430c;overflow:hidden
}
body[data-ui-view="projects"] .project-grid>section:nth-child(2){border-radius:54px 28px 38px 30px!important;background:linear-gradient(145deg,#fffdf9,#f5f1e8)!important}
body[data-ui-view="projects"] .project-grid>section:nth-child(3){background:linear-gradient(145deg,#f5f4ea,#fffdf9)!important}
body[data-ui-view="projects"] .project-grid>section::before{
 content:"";position:absolute;left:28px;right:28px;top:0;height:4px;border-radius:0 0 999px 999px;
 background:linear-gradient(90deg,var(--pn-sage) 0 18%,var(--pn-sand) 18% 36%,transparent 36%);opacity:.58
}
body[data-ui-view="projects"] .project-grid>section::after{
 content:"";position:absolute;right:24px;top:18px;width:10px;height:19px;border-radius:100% 0 100% 0;background:var(--pn-sand);transform:rotate(38deg);opacity:.75
}
body[data-ui-view="projects"] .section-title{padding-bottom:16px;border-bottom:1px dotted #d8ccbd}
body[data-ui-view="projects"] .section-title h2,
body[data-ui-view="projects"] .project-grid>section>h2{color:#5c5045;font-size:21px;letter-spacing:.035em}
body[data-ui-view="projects"] .project-grid button{
 border-color:#d8ccbd;border-radius:11px 19px 11px 11px;background:#fbf8f2;color:#6b5f53
}
body[data-ui-view="projects"] .project-grid #add-task{background:var(--pn-sage);border-color:var(--pn-sage);color:white}
body[data-ui-view="projects"] .project-grid details{
 margin:14px 0;padding:14px 15px;border:1px dotted #d8ccbd;border-radius:14px 26px 14px 14px;background:#f8f3ea
}
body[data-ui-view="projects"] .project-grid summary{color:#65594e;font-size:14px;line-height:1.7}
body[data-ui-view="projects"] .task{position:relative;padding:22px 0 22px 19px;border-color:#ded4c7}
body[data-ui-view="projects"] .task::before{
 content:"";position:absolute;left:0;top:29px;width:7px;height:7px;border:1px solid #959881;border-radius:50%;background:#fffdf8
}
body[data-ui-view="projects"] .task>p{color:#584d43;font-size:14px;line-height:1.8}
body[data-ui-view="projects"] .task label{color:#8b7e70;font-size:12px}
body[data-ui-view="projects"] .record{padding:14px 0;border-color:#ded4c7;color:#65594e;font-size:13px;line-height:1.7}
body[data-ui-view="projects"] dialog{border-color:var(--pn-line);border-radius:28px 56px 30px 36px;background:#fffdf8;color:var(--pn-ink)}
body[data-ui-view="projects"] dialog::backdrop{background:#4d443a66;backdrop-filter:blur(3px)}
body[data-ui-view="projects"] input,
body[data-ui-view="projects"] textarea,
body[data-ui-view="projects"] select{border-color:#d8ccbd;border-radius:11px;background:#fffdf8;color:#5f544a}
body[data-ui-view="projects"] button:focus-visible,
body[data-ui-view="projects"] input:focus-visible,
body[data-ui-view="projects"] textarea:focus-visible,
body[data-ui-view="projects"] select:focus-visible{outline-color:#a6a792}
@media(max-width:1180px){
 body[data-ui-view="projects"] .project-grid{grid-template-columns:1fr 1.35fr}
 body[data-ui-view="projects"] .project-grid>section:last-child{grid-column:1/-1}
}
@media(max-width:850px){
 body[data-ui-view="projects"] header{margin:0 10px}
 body[data-ui-view="projects"] #workspace{padding:20px 18px 70px}
 body[data-ui-view="projects"] .main-nav{margin-left:0;width:100%}
 body[data-ui-view="projects"] .timeline-toolbar{padding-right:210px}
 body[data-ui-view="projects"] .timeline-toolbar::after{right:-40px;width:240px;opacity:.66}
 body[data-ui-view="projects"] .project-grid{grid-template-columns:1fr}
 body[data-ui-view="projects"] .project-grid>section:last-child{grid-column:auto}
}
@media(max-width:600px){
 body[data-ui-view="projects"] header{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0 8px;padding:17px 15px;border-radius:0 0 24px 24px;overflow:hidden}
 body[data-ui-view="projects"] header::after{display:none}
 body[data-ui-view="projects"] header b{font-size:25px}
 body[data-ui-view="projects"] header span{text-align:left}
 body[data-ui-view="projects"] header a{grid-column:1/-1;justify-self:end;margin-left:0!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}
 body[data-ui-view="projects"] #workspace{padding:15px 12px 58px}
 body[data-ui-view="projects"] .main-nav{display:grid;width:100%;padding:6px;border-radius:15px 24px 15px 15px}
 body[data-ui-view="projects"] .main-nav select{width:100%}
 body[data-ui-view="projects"] .work-toolbar{padding:19px 16px;border-radius:22px 40px 22px 28px}
 body[data-ui-view="projects"] #categories{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
 body[data-ui-view="projects"] #categories button{flex:0 0 auto;font-size:13px;padding:8px 12px}
 body[data-ui-view="projects"] .work-toolbar>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-ui-view="projects"] .work-toolbar #project-picker{grid-column:1/-1;width:100%}
 body[data-ui-view="projects"] .timeline-toolbar{display:block;min-height:275px;padding:27px 20px 90px;border-radius:24px 48px 24px 30px}
 body[data-ui-view="projects"] .timeline-toolbar::before{left:22px;top:20px}
 body[data-ui-view="projects"] .timeline-toolbar::after{right:-30px;top:82px;width:190px;height:132px;opacity:.52}
 body[data-ui-view="projects"] .timeline-toolbar h1{margin-top:28px;font-size:29px;max-width:75%}
 body[data-ui-view="projects"] .timeline-toolbar>.row{left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto}
 body[data-ui-view="projects"] .timeline-toolbar>.row input{width:100%}
 body[data-ui-view="projects"] .timeline-mobile{border-color:var(--pn-line);border-radius:17px 30px 17px 17px;background:#fffdf8}
 body[data-ui-view="projects"] .month-calendar button{border-radius:10px;background:#f1ece3}
 body[data-ui-view="projects"] .month-calendar button[aria-pressed=true]{background:#deddd0;border-color:#8e917a}
 body[data-ui-view="projects"] .mobile-schedule-item{border:1px dotted #d8ccbd;border-radius:12px 21px 12px 12px;background:#f8f3ea}
 body[data-ui-view="projects"] .project-grid{gap:16px}
 body[data-ui-view="projects"] .project-grid>section{padding:24px 18px;border-radius:22px 40px 24px 28px!important}
 body[data-ui-view="projects"] .project-grid>section:nth-child(2){border-radius:38px 22px 28px 24px!important}
}

/* White paper with pale blush watercolor washes and delicate pastel illustrations. */
body[data-ui-view="projects"]{
 --pn-bg:#f3eee4;--pn-paper:#fbf8f1;--pn-paper-soft:#f5e9e4;--pn-ink:#5a504a;
 --pn-muted:#8a7770;--pn-line:#dccfc4;--pn-sand:#eadfd4;--pn-sage:#cf8f8e;
 --pn-sage-soft:#f0dfda;--pn-mist:#edd1cc;--pn-clay:#d98585;--pn-sun:#cc6f73;
 position:relative;background-color:#fffdfc;
 background-image:url("personal-watercolor-wash.svg?v=watercolor-1"),url("personal-paper-texture.svg?v=watercolor-1");
 background-repeat:repeat-y,repeat;background-position:center top,0 0;background-size:100% 1100px,220px 220px;background-attachment:fixed,fixed;
 color:var(--pn-ink)
}
body[data-ui-view="projects"]::before{
 content:"";position:fixed;z-index:0;inset:0;background:url("personal-sketch-heart-pattern.svg?v=delicate-1") center top/600px 875px repeat;opacity:.38;pointer-events:none
}
body[data-ui-view="projects"]::after{
 content:"";position:fixed;z-index:0;inset:0;background:url("personal-doodle-sprinkles.svg?v=delicate-1") center 60px/1080px 900px repeat-y;opacity:.58;pointer-events:none
}
body[data-ui-view="projects"] header{
 border-color:#decfc4;background:#fbf7efee;box-shadow:0 12px 36px #7a5e5818
}
body[data-ui-view="projects"] header::after{
 right:22%;top:-1px;width:165px;height:88px;background-image:url("personal-hearts.svg?v=delicate-1");opacity:.58
}
body[data-ui-view="projects"] header b,
body[data-ui-view="projects"] .timeline-toolbar h1{color:#5e4f4b}
body[data-ui-view="projects"] .timeline-toolbar h1::after{
 content:"";display:inline-block;width:19px;height:19px;margin-left:10px;background:url("personal-heart-mark.svg?v=delicate-1") center/contain no-repeat;vertical-align:-2px;transform:rotate(7deg);opacity:.72
}
body[data-ui-view="projects"] header a{border-color:#dccfc4!important;background:#f7eee8;color:#695954!important}
body[data-ui-view="projects"] .main-nav{border-color:#d8c8bd;background:#eee2dae8;box-shadow:0 9px 24px #7a5e5817}
body[data-ui-view="projects"] .main-nav button,
body[data-ui-view="projects"] .main-nav select{color:#675853}
body[data-ui-view="projects"] .main-nav button:hover,
body[data-ui-view="projects"] .main-nav button.selected{background:#fbf8f1!important;border-color:#d8c8bd;color:#5f4f4b;box-shadow:0 4px 12px #7a5e5818}
body[data-ui-view="projects"] .main-nav #space{background:#eadbd3;border-color:#d8c8bd;color:#64534f}
body[data-ui-view="projects"] .work-toolbar{
 border-color:#dccfc4;background:linear-gradient(135deg,#fbf8f1 0%,#f3e8e2 100%);box-shadow:0 15px 42px #7a5e5818
}
body[data-ui-view="projects"] .work-toolbar::after{
 right:-10px;bottom:-24px;width:190px;height:125px;background-image:url("personal-hearts.svg?v=delicate-1");opacity:.5
}
body[data-ui-view="projects"] #categories button{border-color:#dccfc4;background:#f7f2ec;color:#6d5c57}
body[data-ui-view="projects"] #categories button.selected{
 background:#faebec!important;border-color:#e7cfd2;color:#665250;
 box-shadow:inset 0 0 0 1px #fff9,0 4px 12px #9f73791a
}
body[data-ui-view="projects"] .work-toolbar button,
body[data-ui-view="projects"] .work-toolbar select{border-color:#dccfc4;background:#f7f2ec;color:#685650;box-shadow:0 3px 10px #7a5e580d}
body[data-ui-view="projects"] #add-project{
 background:#faebec;border-color:#e7cfd2;color:#665250;
 box-shadow:0 5px 16px #9f73791a
}
body[data-ui-view="projects"] .project-grid #add-task{background:#cf8f8e;border-color:#be7d7f;color:#fff}
body[data-ui-view="projects"] .timeline-toolbar{
 border-color:#dccfc4;background:linear-gradient(112deg,#fbf8f1 0%,#f7eee8 66%,#f1ded9 100%);box-shadow:0 18px 48px #7a5e5818
}
body[data-ui-view="projects"] .timeline-toolbar::after{
 right:10px;top:-2px;width:320px;height:196px;background-image:url("personal-doodle-scene.svg?v=delicate-1");opacity:.78
}
body[data-ui-view="projects"] .timeline-toolbar::before{color:#9a7f77}
body[data-ui-view="projects"] .timeline-toolbar button,
body[data-ui-view="projects"] .timeline-toolbar input{border-color:#d8c8bd;background:#fbf8f1;color:#67544f}
body[data-ui-view="projects"] #timeline-content{background:#ead8d480}
body[data-ui-view="projects"] .timeline-panel{border-color:#dccfc4;background:#fbf8f1;box-shadow:0 12px 32px #7a5e5813}
body[data-ui-view="projects"] .timeline-month{background:#f3eee4;color:#66534f}
body[data-ui-view="projects"] .timeline-day{background:#f2e7e1;color:#7e6860}
body[data-ui-view="projects"] .timeline-table .timeline-name{background:#f7eee8}
body[data-ui-view="projects"] .timeline-dot{color:#cc6f73}
body[data-ui-view="projects"] .project-grid>section,
body[data-ui-view="projects"] .project-grid>section:nth-child(2),
body[data-ui-view="projects"] .project-grid>section:nth-child(3){
 border-color:#dccfc4;background:linear-gradient(145deg,#fbf8f1 0%,#f5ece6 100%)!important;box-shadow:0 15px 42px #7a5e5817
}
body[data-ui-view="projects"] .project-grid>section::before{background:linear-gradient(90deg,#cf8f8e 0 18%,#cc6f73 18% 25%,transparent 25%);opacity:.82}
body[data-ui-view="projects"] .project-grid>section::after{
 right:20px;top:15px;width:24px;height:22px;border-radius:0;background:transparent url("personal-heart-mark.svg?v=delicate-1") center/contain no-repeat;transform:rotate(-8deg);opacity:.58
}
body[data-ui-view="projects"] .section-title{border-color:#d8c8bd}
body[data-ui-view="projects"] .section-title h2,
body[data-ui-view="projects"] .project-grid>section>h2{color:#65514d}
body[data-ui-view="projects"] .project-grid button{border-color:#dccfc4;background:#fbf7f1;color:#675853}
body[data-ui-view="projects"] .project-grid details,
body[data-ui-view="projects"] .mobile-schedule-item{border-color:#d8c8bd;background:#f5e9e4}
body[data-ui-view="projects"] .project-grid summary,
body[data-ui-view="projects"] .task>p,
body[data-ui-view="projects"] .record{color:#675650}
body[data-ui-view="projects"] .task::before{border-color:#cc6f73;background:#fbf8f1}
body[data-ui-view="projects"] .timeline-mobile{border-color:#d8c8bd;background:#fbf8f1}
body[data-ui-view="projects"] .month-calendar button{background:#f3e8e2}
body[data-ui-view="projects"] .month-calendar button[aria-pressed=true]{background:#ecd7d3;border-color:#cf8f8e}
body[data-ui-view="projects"] dialog,
body[data-ui-view="projects"] input,
body[data-ui-view="projects"] textarea,
body[data-ui-view="projects"] select{border-color:#dccfc4;background:#fbf8f1;color:#65524d}
body[data-ui-view="projects"] button:focus-visible,
body[data-ui-view="projects"] input:focus-visible,
body[data-ui-view="projects"] textarea:focus-visible,
body[data-ui-view="projects"] select:focus-visible{outline-color:#cc6f73}
@media(max-width:850px){
 body[data-ui-view="projects"]::after{background-size:900px 833px;opacity:.42}
 body[data-ui-view="projects"] .timeline-toolbar::after{right:-36px;width:275px;height:170px;opacity:.62}
}
@media(max-width:600px){
 body[data-ui-view="projects"]::after{background-size:760px 704px;background-position:center 140px;opacity:.34}
 body[data-ui-view="projects"] .timeline-toolbar::after{right:-45px;top:78px;width:220px;height:140px;opacity:.52}
}

/* Shared personal-space art direction for weekly, courses, expenses and settings. */
body[data-ui-workspace="personal"]{
 --pn-bg:#f3eee8;--pn-paper:#fffdf9;--pn-paper-soft:#f8eee9;--pn-ink:#5b4d4a;
 --pn-muted:#8b7772;--pn-line:#dfcec6;--pn-blush:#efdad6;--pn-rose:#cb8989;
 --pn-rose-dark:#a86973;--pn-petal:#f5e8e3;--pn-warm:#f6f0e8;--pn-shadow:#7b5c5716;
 color:var(--pn-ink);font-family:ui-rounded,"Hiragino Maru Gothic ProN","PingFang TC","Microsoft JhengHei",sans-serif
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]){
 position:relative;background-color:#fffdfc;
 background-image:url("personal-watercolor-wash.svg?v=watercolor-all-1"),url("personal-paper-texture.svg?v=watercolor-all-1");
 background-repeat:repeat-y,repeat;background-position:center top,0 0;background-size:100% 1100px,220px 220px;background-attachment:fixed,fixed
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"])::before{
 content:"";position:fixed;z-index:0;inset:0;background:url("personal-sketch-heart-pattern.svg?v=watercolor-all-1") center top/650px 948px repeat;opacity:.22;pointer-events:none
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"])::after{
 content:"";position:fixed;z-index:0;inset:0;background:url("personal-doodle-sprinkles.svg?v=watercolor-all-1") center 70px/1180px 984px repeat-y;opacity:.42;pointer-events:none
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header{
 position:relative;z-index:2;margin:0 22px;padding:20px 28px;border:1px solid var(--pn-line);border-top:0;border-radius:0 0 30px 30px;
 background:#fffaf4ee;box-shadow:0 12px 36px var(--pn-shadow);backdrop-filter:blur(12px)
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header::after{
 content:"";position:absolute;right:23%;top:1px;width:160px;height:84px;background:url("personal-hearts.svg?v=watercolor-all-1") center/contain no-repeat;opacity:.5;pointer-events:none
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header b{color:#70565c;font-size:30px;letter-spacing:.25em}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header span{color:var(--pn-muted);font-size:13px;letter-spacing:.08em}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header a{border-color:var(--pn-line)!important;border-radius:999px!important;background:#fbf4ef;color:#705b59!important}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) #notice{position:relative;z-index:1;color:#776460;font-size:13px}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) #workspace{position:relative;z-index:1;max-width:1680px;padding:26px 34px 90px}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav{
 width:max-content;max-width:100%;margin:0 0 30px auto;padding:7px;border:1px solid var(--pn-line);border-radius:18px 30px 18px 18px;
 background:#efe2dce8;box-shadow:0 9px 24px var(--pn-shadow);backdrop-filter:blur(8px)
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav select{
 width:auto;margin:0;border-color:transparent;border-radius:13px;background:transparent;color:#6a5755;box-shadow:none
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button:hover{background:#fffaf4;border-color:#ddcbc3}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button.selected{
 background:#fffaf4!important;border-color:#d8c5bf;color:#654f51;box-shadow:0 4px 12px var(--pn-shadow)
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav #space{background:#ead8d2;border-color:#d8c3bd;color:#654f51}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) dialog{border-color:var(--pn-line);border-radius:28px 54px 30px 36px;background:#fffaf4;color:var(--pn-ink)}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) dialog::backdrop{background:#4f3f3d66;backdrop-filter:blur(3px)}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) input,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) textarea,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) select{border-color:var(--pn-line);border-radius:11px;background:#fffdf9;color:#61504d}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) button:focus-visible,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) input:focus-visible,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) textarea:focus-visible,
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) select:focus-visible{outline-color:#c98386}

/* Personal weekly report: airy editing surface, unchanged report data and export behavior. */
body[data-ui-view="weekly"] .work-toolbar{
 gap:18px;margin-bottom:26px;padding:22px 24px;border:1px solid var(--pn-line);border-radius:26px 50px 26px 32px;
 background:linear-gradient(135deg,#fffdf9 0%,#f7ece7 100%);box-shadow:0 13px 36px var(--pn-shadow)
}
body[data-ui-view="weekly"] #categories button{
 border-color:var(--pn-line);border-radius:999px;background:#fbf4ef;color:#6d5956;padding:9px 16px
}
body[data-ui-view="weekly"] #categories button.selected{background:#efdcd8!important;border-color:#ce9697;color:#5e4a4b}
body[data-ui-view="weekly"] .work-toolbar button,
body[data-ui-view="weekly"] .work-toolbar select{border-color:var(--pn-line);border-radius:11px 19px 11px 11px;background:#fffdf9;color:#665350}
body[data-ui-view="weekly"] #add-project{background:var(--pn-rose);border-color:#bd777c;color:#fff}
body[data-ui-view="weekly"] #weekly-view>.row{
 position:relative;padding:18px 20px;border:1px solid var(--pn-line);border-radius:24px 46px 24px 30px;background:#fffaf4e8;box-shadow:0 12px 34px var(--pn-shadow)
}
body[data-ui-view="weekly"] #weekly-view>.row::after{
 content:"";position:absolute;right:18px;top:-18px;width:92px;height:74px;background:url("personal-heart-mark.svg?v=watercolor-all-1") center/28px no-repeat;opacity:.28;pointer-events:none
}
body[data-ui-view="weekly"] #weekly-view>.row button,
body[data-ui-view="weekly"] .weekly-layout button{border-color:var(--pn-line);background:#fbf4ef;color:#6b5654;border-radius:11px 19px 11px 11px}
body[data-ui-view="weekly"] #save-draft,
body[data-ui-view="weekly"] #save-present-note{background:var(--pn-rose);border-color:#bd777c;color:#fff}
body[data-ui-view="weekly"] .weekly-layout{gap:26px;margin-top:26px}
body[data-ui-view="weekly"] .weekly-layout>section{
 position:relative;padding:28px;border:1px solid var(--pn-line);border-radius:28px 52px 30px 36px;background:linear-gradient(145deg,#fffdf9 0%,#f8eee9 100%);box-shadow:0 15px 42px var(--pn-shadow);overflow:hidden
}
body[data-ui-view="weekly"] .weekly-layout>section:last-child{border-radius:52px 28px 38px 30px;background:linear-gradient(145deg,#fffdf9,#f3e6e3)}
body[data-ui-view="weekly"] .weekly-layout>section:first-child::after{
 content:"";position:absolute;right:16px;top:12px;width:110px;height:88px;background:url("personal-doodle-scene.svg?v=watercolor-all-1") right top/contain no-repeat;opacity:.25;pointer-events:none
}
body[data-ui-view="weekly"] .weekly-layout h2{position:relative;color:#74575d;font-size:21px;letter-spacing:.035em}
body[data-ui-view="weekly"] .weekly-layout>section>p{color:var(--pn-muted);font-size:13px;line-height:1.7}
body[data-ui-view="weekly"] #weekly-editor .task{padding:18px 0;border-color:#dfd1ca}
body[data-ui-view="weekly"] #weekly-editor textarea{font-size:14px;line-height:1.75;background:#fffdf9}
body[data-ui-view="weekly"] #weekly-editor details{border:1px dotted #d9c7bf;background:#f6eae6;border-radius:14px 25px 14px 14px}
body[data-ui-view="weekly"] #present-note{background:#fffdf9;line-height:1.75}
body[data-ui-view="weekly"] #slide-preview .slide{border-color:#ddccc5;background:linear-gradient(130deg,#fffaf5,#f5e8e6 70%,#efd9d6);box-shadow:0 10px 28px var(--pn-shadow)}

/* Course and fee page: same watercolor shell, clearer status hierarchy. */
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view{
 --course-pink:#a66b78;--course-text:#62534f;--course-border:#e1d0c8;position:relative;max-width:1300px;padding:38px 42px;
 border:1px solid var(--pn-line);border-radius:32px 68px 34px 42px;background:linear-gradient(145deg,#fffdf9 0%,#f9efea 100%);box-shadow:0 18px 48px var(--pn-shadow);overflow:hidden
}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view::after{
 content:"";position:absolute;right:22px;top:16px;width:215px;height:150px;background:url("personal-doodle-scene.svg?v=watercolor-all-1") right top/contain no-repeat;opacity:.32;pointer-events:none
}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-page-heading{position:relative;z-index:1;min-height:112px;padding-right:190px}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view h1{color:#7c5b62;font-size:34px;letter-spacing:.055em}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view h1::after{content:"";display:inline-block;width:19px;height:19px;margin-left:10px;background:url("personal-heart-mark.svg?v=watercolor-all-1") center/contain no-repeat;vertical-align:-1px;opacity:.66}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view h2{color:#815f64}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view .course-page-heading p,
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view .course-muted{color:var(--pn-muted)!important;font-size:13px}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view button{border-color:var(--pn-line);background:#fbf4ef;color:#655250;border-radius:11px 19px 11px 11px}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view #add-course{background:var(--pn-rose);border-color:#bd777c;color:#fff}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-warning{border-color:#ecd0b2;background:#fff8ed;color:#b66f24!important;font-size:14px}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card{border:1px solid var(--pn-line);border-radius:18px 34px 18px 22px;background:linear-gradient(145deg,#fffaf5,#f4e7e4);box-shadow:0 9px 24px #7b5c570d}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card strong{color:#a86f7a}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card>span,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card p{color:#6c5b57;font-size:13px}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card .course-expiry{border-bottom-color:#dca5a7}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-fee-wrap,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-reserve{border-color:var(--pn-line);background:#fffaf5;box-shadow:0 9px 28px #7b5c570d}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history{border-radius:24px 42px 24px 28px}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-reserve{border-style:dashed;background:#f8eee9}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-fees th{background:#f2e3df}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history-toolbar label,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-month-chip{border-color:var(--pn-line);background:#f3e5e1;color:#6f5957}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history-row{border-color:#e6d7d0}

/* Personal ledger: calm accounting surfaces with distinct, accessible totals. */
body[data-ui-workspace="personal"][data-ui-view="expenses"] #expenses-view{
 position:relative;border:1px solid var(--pn-line);border-radius:32px 68px 34px 42px;background:linear-gradient(145deg,#fffdf9 0%,#f9efea 100%);box-shadow:0 18px 48px var(--pn-shadow);overflow:hidden
}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-brand{position:relative;border-color:var(--pn-line);background:#fffaf5}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-brand::after{content:"";position:absolute;right:26px;top:4px;width:116px;height:58px;background:url("personal-hearts.svg?v=watercolor-all-1") center/contain no-repeat;opacity:.34;pointer-events:none}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-brand strong,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-heading h1{color:#75575d}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-heading h1::after{content:"";display:inline-block;width:18px;height:18px;margin-left:10px;background:url("personal-heart-mark.svg?v=watercolor-all-1") center/contain no-repeat;vertical-align:-1px;opacity:.6}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-heading p,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-brand span,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-footer{color:var(--pn-muted)}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger .ledger-primary{background:var(--pn-rose);border-color:#bd777c;color:#fff;border-radius:11px 19px 11px 11px}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger .ledger-primary:hover{background:#bd777c}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-summary{gap:16px}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat{border-color:var(--pn-line);border-radius:20px 38px 20px 24px;background:#fffaf5;box-shadow:0 9px 24px #7b5c570d}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat.main{border-color:#c78386;background:linear-gradient(145deg,#d99a99,#c98286);color:#fff}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat.main>small{color:#fff1ef}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat:nth-child(2){border-color:#dec9c3;background:#f1dfdc}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat:nth-child(3){border-color:#ded5ca;background:#f2eee7}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-tabs button.active{border-color:var(--pn-line);background:#fffaf5;color:#9d6670}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-panel{border-color:var(--pn-line);border-radius:22px 40px 22px 28px;background:#fffaf5;box-shadow:0 9px 28px #7b5c570d}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-selection{border-color:#e3d3cc;background:#f6ebe7}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-group,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-group>summary,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-entry{border-color:#eadcd5;background:#fffaf5}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-folder{background:#f0dfda;color:#8a6068}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-badge.unclaimed{background:#f4dedb;color:#94565d}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-badge.claimed{background:#eee4dd;color:#78635b}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-badge.paid{background:#e7e5de;color:#60675a}

/* Connection settings: spacious utility panel, no change to secrets or integrations. */
body[data-ui-view="settings"] #settings-view{
 position:relative;min-height:480px;padding:38px 42px 46px;border:1px solid var(--pn-line);border-radius:32px 68px 34px 42px;
 background:linear-gradient(145deg,#fffdf9 0%,#f8eee9 100%);box-shadow:0 18px 48px var(--pn-shadow);overflow:hidden
}
body[data-ui-view="settings"] #settings-view::after{content:"";position:absolute;right:28px;top:18px;width:230px;height:150px;background:url("personal-doodle-scene.svg?v=watercolor-all-1") right top/contain no-repeat;opacity:.32;pointer-events:none}
body[data-ui-view="settings"] #settings-view h1{position:relative;z-index:1;color:#76575d;font-size:34px;letter-spacing:.05em}
body[data-ui-view="settings"] #settings-view h1::after{content:"";display:inline-block;width:19px;height:19px;margin-left:10px;background:url("personal-heart-mark.svg?v=watercolor-all-1") center/contain no-repeat;vertical-align:-1px;opacity:.66}
body[data-ui-view="settings"] #settings-view>p{position:relative;z-index:1;max-width:720px;color:var(--pn-muted);font-size:13px;line-height:1.8}
body[data-ui-view="settings"] #integration-status{position:relative;z-index:1;margin-top:24px;padding:20px 22px;border-color:var(--pn-line);border-radius:20px 36px 20px 24px;background:#fffaf5;box-shadow:0 8px 24px #7b5c570d}
body[data-ui-view="settings"] #integration-status p{color:#6e5a57;font-size:13px;line-height:1.7}
body[data-ui-view="settings"] #settings-view>.row{position:relative;z-index:1;gap:9px}
body[data-ui-view="settings"] #settings-view button{border-color:var(--pn-line);border-radius:11px 19px 11px 11px;background:#fbf4ef;color:#675351}
body[data-ui-view="settings"] #edit-integrations{background:var(--pn-rose);border-color:#bd777c;color:#fff}
body[data-ui-view="settings"] #settings-view h2{margin-top:36px;color:#76575d;font-size:20px}
body[data-ui-view="settings"] #pending-files{position:relative;z-index:1}

@media(max-width:850px){
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header{margin:0 10px}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) #workspace{padding:20px 18px 70px}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav{margin-left:0;width:100%}
 body[data-ui-workspace="personal"][data-ui-view="courses"] .course-page-heading{padding-right:0;min-height:0}
 body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view::after{top:18px;right:12px;width:150px;height:100px;opacity:.18}
}
@media(max-width:600px){
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"])::after{background-size:760px 704px;background-position:center 140px;opacity:.28}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0 8px;padding:17px 15px;border-radius:0 0 24px 24px;overflow:hidden}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header::after{display:none}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header b{font-size:25px}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header span{text-align:left}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header a{grid-column:1/-1;justify-self:end;margin-left:0!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) #workspace{padding:15px 12px 58px}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav{display:grid;width:100%;padding:6px;border-radius:15px 24px 15px 15px}
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav select{width:100%}
 body[data-ui-view="weekly"] #weekly-view>.row,
 body[data-ui-view="weekly"] .weekly-layout>section{padding:18px 15px;border-radius:22px 38px 22px 26px}
 body[data-ui-view="weekly"] .weekly-layout{gap:14px}
 body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view,
 body[data-ui-view="settings"] #settings-view{padding:24px 16px;border-radius:24px 44px 24px 30px}
 body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view::after,
 body[data-ui-view="settings"] #settings-view::after{display:none}
 body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view h1,
 body[data-ui-view="settings"] #settings-view h1{font-size:28px}
 body[data-ui-workspace="personal"][data-ui-view="expenses"] #expenses-view{border-radius:24px 44px 24px 30px}
 body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-brand::after{display:none}
}
@media print{
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"])::before,
 body[data-ui-workspace="personal"]:not([data-ui-view="projects"])::after{display:none!important}
}

/* Final personal-space background: bright paper grid with sparse pink hearts. */
body[data-ui-workspace="personal"][data-ui-view],
body[data-ui-workspace="company"][data-ui-view="projects"]{
 background-color:#fff!important;
 background-image:url("personal-sketch-heart-pattern.svg?v=grid-heart-1")!important;
 background-repeat:repeat!important;
 background-position:0 0!important;
 background-size:448px 448px!important;
 background-attachment:fixed!important
}
body[data-ui-workspace="personal"][data-ui-view]::before,
body[data-ui-workspace="personal"][data-ui-view]::after,
body[data-ui-workspace="company"][data-ui-view="projects"]::before,
body[data-ui-workspace="company"][data-ui-view="projects"]::after{display:none!important}

/* Content regions stay white so the grid-and-heart paper remains light and calm. */
body[data-ui-view="projects"] .work-toolbar,
body[data-ui-view="projects"] .timeline-toolbar,
body[data-ui-view="projects"] .timeline-panel,
body[data-ui-view="projects"] .project-grid>section,
body[data-ui-view="projects"] .project-grid>section:nth-child(2),
body[data-ui-view="projects"] .project-grid>section:nth-child(3),
body[data-ui-view="weekly"] .work-toolbar,
body[data-ui-view="weekly"] #weekly-view>.row,
body[data-ui-view="weekly"] .weekly-layout>section,
body[data-ui-view="weekly"] .weekly-layout>section:last-child,
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-fee-wrap,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-reserve,
body[data-ui-workspace="personal"][data-ui-view="expenses"] #expenses-view,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat:not(.main),
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-panel,
body[data-ui-view="settings"] #settings-view,
body[data-ui-view="settings"] #integration-status{
 background:#fff!important
}

/* Personal project dashboard v2: compact calendar, calm hierarchy and recognizable line icons. */
body[data-ui-view="projects"]{
 --pd-rose:#cb8589;--pd-rose-soft:#faeeee;--pd-cream:#fff8ef;--pd-blue:#eef6f7;--pd-lilac:#f5f0f8;
 --pd-green:#eef5ef;--pd-ink:#5f4d50;--pd-muted:#907d7d;--pd-line:#ead9d6;
 font-size:16px
}
body[data-ui-view="projects"] #workspace{max-width:1540px}
body[data-ui-view="projects"] .main-nav button::before,
body[data-ui-view="projects"] .work-toolbar button::before,
body[data-ui-view="projects"] #categories button::before{
 display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid currentColor;border-radius:6px;
 font-size:11px;font-weight:700;line-height:1;vertical-align:-1px;opacity:.72
}
body[data-ui-view="projects"] .main-nav button[data-view="projects"]::before{content:"▦"}
body[data-ui-view="projects"] .main-nav button[data-view="weekly"]::before{content:"▤"}
body[data-ui-view="projects"] .main-nav button[data-view="courses"]::before{content:"◴"}
body[data-ui-view="projects"] .main-nav button[data-view="expenses"]::before{content:"$"}
body[data-ui-view="projects"] .main-nav button[data-view="settings"]::before{content:"⌑"}
body[data-ui-view="projects"] #categories button::before{content:"";width:10px;height:10px;border-radius:3px;background:#e7babb;border:0}
body[data-ui-view="projects"] #add-project::before{content:"+"}
body[data-ui-view="projects"] #archived::before{content:"✓"}
body[data-ui-view="projects"] #rename-project::before{content:"✎"}
body[data-ui-view="projects"] #archive-project::before{content:"→"}

body[data-ui-view="projects"] .timeline-toolbar{
 display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"copy calendar" "controls calendar";
 min-height:0;padding:30px 32px;gap:18px 34px;border-radius:28px;background:#fff!important
}
body[data-ui-view="projects"] .timeline-toolbar::before,
body[data-ui-view="projects"] .timeline-toolbar::after{display:none}
body[data-ui-view="projects"] .personal-dashboard-copy{grid-area:copy;align-self:end;min-width:0}
body[data-ui-view="projects"] .personal-dashboard-eyebrow{
 margin:0 0 8px;color:var(--pd-rose);font-size:12px;font-weight:750;letter-spacing:.18em
}
body[data-ui-view="projects"] .personal-dashboard-date{margin:0 0 8px;color:var(--pd-muted);font-size:12px}
body[data-ui-view="projects"] .timeline-toolbar h1{
 margin:0;color:var(--pd-ink);font-size:28px;line-height:1.35;letter-spacing:.035em
}
body[data-ui-view="projects"] .personal-dashboard-description{margin:9px 0 14px;color:var(--pd-muted);font-size:12px;line-height:1.7}
body[data-ui-view="projects"] .personal-dashboard-counts{display:flex;flex-wrap:wrap;gap:8px}
body[data-ui-view="projects"] .personal-dashboard-count{
 display:inline-flex;align-items:baseline;gap:6px;padding:7px 10px;border:1px solid var(--pd-line);border-radius:999px;
 background:var(--pd-rose-soft);color:#7d696a;font-size:12px
}
body[data-ui-view="projects"] .personal-dashboard-count:nth-child(2){background:var(--pd-blue)}
body[data-ui-view="projects"] .personal-dashboard-count:nth-child(3){background:#f1ecea}
body[data-ui-view="projects"] .personal-dashboard-count strong{color:var(--pd-ink);font-size:16px}
body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls{
 grid-area:controls;position:static;display:flex;align-items:center;justify-content:flex-start;gap:7px
}
body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls input{width:auto;font-size:12px}
body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls button{min-width:38px;font-size:12px}
body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls button,
body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls input{background:#f7f4f0}

body[data-ui-view="projects"] .personal-mini-calendar{
 grid-area:calendar;align-self:stretch;padding:18px;border:1px solid var(--pd-line);border-radius:20px;background:#f7f4f0
}
body[data-ui-view="projects"] .personal-mini-calendar-header{display:flex;align-items:center;gap:9px;margin-bottom:13px}
body[data-ui-view="projects"] .personal-mini-calendar-icon{
 position:relative;width:18px;height:18px;border:1.5px solid #b98587;border-radius:4px
}
body[data-ui-view="projects"] .personal-mini-calendar-icon::before{
 content:"";position:absolute;left:3px;right:3px;top:4px;border-top:1.5px solid #b98587
}
body[data-ui-view="projects"] .personal-mini-calendar-title{font-size:16px;color:var(--pd-ink)}
body[data-ui-view="projects"] .personal-mini-calendar-weekdays,
body[data-ui-view="projects"] .personal-mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
body[data-ui-view="projects"] .personal-mini-calendar-weekdays{margin-bottom:6px;color:var(--pd-muted);font-size:10px}
body[data-ui-view="projects"] .personal-mini-calendar-day{
 display:grid;place-items:center;aspect-ratio:1;min-width:24px;color:#6f5f60;font-size:11px;border-radius:50%
}
body[data-ui-view="projects"] .personal-mini-calendar-day.is-outside{color:#c9bcbc}
body[data-ui-view="projects"] .personal-mini-calendar-day.is-today{background:var(--pd-rose);color:#fff;font-weight:750;box-shadow:0 4px 10px #cb858933}

body[data-ui-view="projects"] #timeline-content{padding:14px;background:#f1ecea}
body[data-ui-view="projects"] .timeline-panel{background:#fff!important}
body[data-ui-view="projects"] .timeline-summary{color:var(--pd-muted);font-size:12px}
body[data-ui-view="projects"] .timeline-table{font-size:12px}
body[data-ui-view="projects"] .timeline-month{background:#f7e8e7;color:var(--pd-ink)}
body[data-ui-view="projects"] .timeline-day{background:#fbf3f1;color:#786668}
body[data-ui-view="projects"] .timeline-table .timeline-name{background:#fffaf8}

body[data-ui-view="projects"] .project-grid{grid-template-columns:1fr 1.2fr 1fr;gap:18px}
body[data-ui-view="projects"] .project-grid>section{
 padding:24px;border-color:var(--pd-line);border-radius:22px!important;background:#f2eaec!important;box-shadow:0 9px 24px #805b5b0b
}
body[data-ui-view="projects"] .project-grid>section:nth-child(2){border-radius:22px!important;background:#f2eaec!important}
body[data-ui-view="projects"] .project-grid>section:nth-child(3){background:#f2eaec!important}
body[data-ui-view="projects"] .project-grid>section::before,
body[data-ui-view="projects"] .project-grid>section::after{display:none}
body[data-ui-view="projects"] .section-title h2,
body[data-ui-view="projects"] .project-grid>section>h2{
 display:flex;align-items:center;gap:10px;margin:0;color:var(--pd-ink);font-size:20px;line-height:1.4
}
body[data-ui-view="projects"] .section-title h2::before,
body[data-ui-view="projects"] .project-grid>section>h2::before{
 display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #dab9b8;border-radius:9px;background:#fff;color:#b27176;font-size:14px;font-weight:700
}
body[data-ui-view="projects"] .project-grid>section:nth-child(1) .section-title h2::before{content:"✎"}
body[data-ui-view="projects"] .project-grid>section:nth-child(2) .section-title h2::before{content:"✓"}
body[data-ui-view="projects"] .project-grid>section:nth-child(3) .section-title h2::before{content:"◷"}
body[data-ui-view="projects"] .project-grid>section:nth-child(3)>h2::before{content:"↱"}
body[data-ui-view="projects"] .section-title{padding-bottom:13px;border-bottom-color:#decac8}
body[data-ui-view="projects"] .project-grid button{font-size:12px;background:#fff}
body[data-ui-view="projects"] .project-grid #add-task{background:var(--pd-rose);border-color:var(--pd-rose);color:#fff}
body[data-ui-view="projects"] .project-grid details,
body[data-ui-view="projects"] .project-grid .task,
body[data-ui-view="projects"] .project-grid .record{background:#fff;border:1px solid #eadbd8;border-radius:14px;margin:10px 0;padding:14px 14px 14px 44px}
body[data-ui-view="projects"] .project-grid details{position:relative}
body[data-ui-view="projects"] .project-grid .record{position:relative}
body[data-ui-view="projects"] .project-grid details::before,
body[data-ui-view="projects"] .project-grid .task::before,
body[data-ui-view="projects"] .project-grid .record::before{
 position:absolute;left:13px;top:14px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #dfc4c3;border-radius:7px;background:#fff8f7;color:#b77a7e;font-size:11px;font-weight:700
}
body[data-ui-view="projects"] .project-grid details::before{content:"•••";letter-spacing:-2px;padding-right:2px}
body[data-ui-view="projects"] .project-grid .task::before{content:"✓"}
body[data-ui-view="projects"] .project-grid .record::before{content:"→"}
body[data-ui-view="projects"] .project-grid summary,
body[data-ui-view="projects"] .project-grid .task>p,
body[data-ui-view="projects"] .project-grid .record{color:var(--pd-ink);font-size:16px;line-height:1.65}
body[data-ui-view="projects"] .project-grid .task label,
body[data-ui-view="projects"] .project-grid .record p,
body[data-ui-view="projects"] .project-grid details p{color:var(--pd-muted);font-size:12px;line-height:1.65}

@media(max-width:1050px){
 body[data-ui-view="projects"] .timeline-toolbar{grid-template-columns:minmax(0,1fr) 290px}
 body[data-ui-view="projects"] .project-grid{grid-template-columns:1fr 1fr}
 body[data-ui-view="projects"] .project-grid>section:last-child{grid-column:1/-1}
}
@media(max-width:720px){
 body[data-ui-view="projects"] .timeline-toolbar{display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "calendar" "controls";padding:22px 18px}
 body[data-ui-view="projects"] .timeline-toolbar>.personal-month-controls{position:static;display:grid;grid-template-columns:40px minmax(0,1fr) 40px auto}
 body[data-ui-view="projects"] .personal-mini-calendar{padding:15px}
 body[data-ui-view="projects"] .project-grid{grid-template-columns:1fr}
 body[data-ui-view="projects"] .project-grid>section:last-child{grid-column:auto}
}

/* Header palette: exact soft grey-pink swatch requested by the user. */
body[data-ui-view="projects"] header{
 border-color:#dbc9c1;
 background:#eee8e8;
 box-shadow:0 12px 36px #805f5814
}
body[data-ui-view="projects"] header b{color:#665250}
body[data-ui-view="projects"] header span{color:#8a7470}
body[data-ui-view="projects"] header a{
 border-color:#d9c4bc!important;background:#fffaf7d9;color:#6e5955!important;
 box-shadow:0 5px 16px #8d6b6312
}

/* Navigation panel: sampled cream from the supplied swatch. */
body[data-ui-view="projects"] .main-nav{
 border-color:#ded5cf;
 background:#f2eeea;
 box-shadow:0 9px 24px #73555d18
}

/* Finalized palette shared by the personal weekly, courses, ledger and settings pages. */
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header{
 border-color:#dbc9c1;background:#eee8e8;box-shadow:0 12px 36px #805f5814
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header b{color:#665250}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header span{color:#8a7470}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) header a{
 border-color:#d9c4bc!important;background:#fffaf7d9;color:#6e5955!important;box-shadow:0 5px 16px #8d6b6312
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav{
 border-color:#ded5cf;background:#f2eeea;box-shadow:0 9px 24px #73555d18
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button::before{
 display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid currentColor;border-radius:6px;
 font-size:11px;font-weight:700;line-height:1;vertical-align:-1px;opacity:.72
}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button[data-view="projects"]::before{content:"▦"}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button[data-view="weekly"]::before{content:"▤"}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button[data-view="courses"]::before{content:"◴"}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button[data-view="expenses"]::before{content:"$"}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button[data-view="settings"]::before{content:"⌑"}
body[data-ui-workspace="personal"]:not([data-ui-view="projects"]) .main-nav button.selected{
 background:#fff!important;border-color:#d8c5bf;color:#654f51;box-shadow:0 4px 12px #805f5814
}

body[data-ui-view="weekly"] #weekly-view>.row{background:#f7f4f0!important}
body[data-ui-view="weekly"] .weekly-layout>section,
body[data-ui-view="weekly"] .weekly-layout>section:last-child{background:#f2eaec!important}
body[data-ui-view="weekly"] #weekly-view>.row button,
body[data-ui-view="weekly"] #weekly-view>.row input,
body[data-ui-view="weekly"] .weekly-layout button{background:#f7f4f0}
body[data-ui-view="weekly"] #save-draft,
body[data-ui-view="weekly"] #save-present-note{background:var(--pn-rose);color:#fff}

body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view{background:#fff!important}
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-card,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-history,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-fee-wrap,
body[data-ui-workspace="personal"][data-ui-view="courses"] .course-reserve{background:#f2eaec!important}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view button,
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view input,
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view select{background:#f7f4f0}
body[data-ui-workspace="personal"][data-ui-view="courses"] #courses-view #add-course{background:var(--pn-rose);color:#fff}

body[data-ui-workspace="personal"][data-ui-view="expenses"] #expenses-view{background:#fff!important}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-stat:not(.main),
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger-panel{background:#f2eaec!important}
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger button:not(.ledger-primary),
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger input,
body[data-ui-workspace="personal"][data-ui-view="expenses"] .ledger select{background:#f7f4f0}

body[data-ui-view="settings"] #settings-view{background:#fff!important}
body[data-ui-view="settings"] #integration-status{background:#f2eaec!important}
body[data-ui-view="settings"] #settings-view button,
body[data-ui-view="settings"] #settings-view input,
body[data-ui-view="settings"] #settings-view select{background:#f7f4f0}
body[data-ui-view="settings"] #edit-integrations{background:var(--pn-rose);color:#fff}

/* The unified personal app labels weekly/settings as company internally; style those views here without touching /company/. */
body[data-ui-workspace="company"][data-ui-view="weekly"],
body[data-ui-workspace="company"][data-ui-view="settings"]{
 --pn-bg:#f3eee8;--pn-paper:#fffdf9;--pn-paper-soft:#f8eee9;--pn-ink:#5b4d4a;
 --pn-muted:#8b7772;--pn-line:#dfcec6;--pn-blush:#efdad6;--pn-rose:#cb8989;
 --pn-rose-dark:#a86973;--pn-petal:#f5e8e3;--pn-warm:#f6f0e8;--pn-shadow:#7b5c5716;
 background-color:#fff!important;background-image:url("personal-sketch-heart-pattern.svg?v=grid-heart-1")!important;
 background-repeat:repeat!important;background-position:0 0!important;background-size:448px 448px!important;
 background-attachment:fixed!important;color:var(--pn-ink);
 font-family:ui-rounded,"Hiragino Maru Gothic ProN","PingFang TC","Microsoft JhengHei",sans-serif
}
body[data-ui-workspace="company"][data-ui-view="weekly"]::before,
body[data-ui-workspace="company"][data-ui-view="weekly"]::after,
body[data-ui-workspace="company"][data-ui-view="settings"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"]::after{display:none!important}
body[data-ui-workspace="company"][data-ui-view="weekly"] header,
body[data-ui-workspace="company"][data-ui-view="settings"] header{
 position:relative;z-index:2;margin:0 22px;padding:20px 28px;border:1px solid #dbc9c1;border-top:0;border-radius:0 0 30px 30px;
 background:#eee8e8;box-shadow:0 12px 36px #805f5814
}
body[data-ui-workspace="company"][data-ui-view="weekly"] header b,
body[data-ui-workspace="company"][data-ui-view="settings"] header b{color:#665250;font-size:30px;letter-spacing:.25em}
body[data-ui-workspace="company"][data-ui-view="weekly"] header span,
body[data-ui-workspace="company"][data-ui-view="settings"] header span{color:#8a7470;font-size:13px;letter-spacing:.08em}
body[data-ui-workspace="company"][data-ui-view="weekly"] header a,
body[data-ui-workspace="company"][data-ui-view="settings"] header a{
 border-color:#d9c4bc!important;border-radius:999px!important;background:#fffaf7d9;color:#6e5955!important;box-shadow:0 5px 16px #8d6b6312
}
body[data-ui-workspace="company"][data-ui-view="weekly"] #workspace,
body[data-ui-workspace="company"][data-ui-view="settings"] #workspace{position:relative;z-index:1;max-width:1680px;padding:26px 34px 90px}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav{
 width:max-content;max-width:100%;margin:0 0 30px auto;padding:7px;border:1px solid #ded5cf;border-radius:18px 30px 18px 18px;
 background:#f2eeea;box-shadow:0 9px 24px #73555d18
}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button{
 width:auto;margin:0;border-color:transparent;border-radius:13px;background:transparent;color:#6a5755;box-shadow:none
}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button::before{
 display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid currentColor;border-radius:6px;
 font-size:11px;font-weight:700;line-height:1;vertical-align:-1px;opacity:.72
}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button[data-view="projects"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button[data-view="projects"]::before{content:"▦"}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button[data-view="weekly"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button[data-view="weekly"]::before{content:"▤"}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button[data-view="courses"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button[data-view="courses"]::before{content:"◴"}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button[data-view="expenses"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button[data-view="expenses"]::before{content:"$"}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button[data-view="settings"]::before,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button[data-view="settings"]::before{content:"⌑"}
body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav button.selected,
body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav button.selected{
 background:#fff!important;border-color:#d8c5bf;color:#654f51;box-shadow:0 4px 12px #805f5814
}

@media(max-width:850px){
 body[data-ui-workspace="company"][data-ui-view="weekly"] header,
 body[data-ui-workspace="company"][data-ui-view="settings"] header{margin:0 10px}
 body[data-ui-workspace="company"][data-ui-view="weekly"] #workspace,
 body[data-ui-workspace="company"][data-ui-view="settings"] #workspace{padding:20px 18px 70px}
 body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav,
 body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav{margin-left:0;width:100%}
}
@media(max-width:600px){
 body[data-ui-workspace="company"][data-ui-view="weekly"] header,
 body[data-ui-workspace="company"][data-ui-view="settings"] header{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0 8px;padding:17px 15px}
 body[data-ui-workspace="company"][data-ui-view="weekly"] #workspace,
 body[data-ui-workspace="company"][data-ui-view="settings"] #workspace{padding:15px 12px 58px}
 body[data-ui-workspace="company"][data-ui-view="weekly"] .main-nav,
 body[data-ui-workspace="company"][data-ui-view="settings"] .main-nav{display:grid;width:100%;padding:6px}
}