#viec-rieng-app {
  color-scheme: light dark;
  --paper:light-dark(#f5f6fb,#151820);--panel:light-dark(#fff,#202530);--side:light-dark(#fcfcff,#191d27);
  --ink:light-dark(#24283e,#edf0fc);--sub:light-dark(#60677e,#adb6cc);--line:light-dark(#e8eaf3,#353d50);
  --brand:light-dark(#6050d7,#b4a8ff);--brand-ink:light-dark(#6050d7,#b4a8ff);--on-brand:light-dark(#fff,#211747);
  --soft:light-dark(#efecff,#312b4b);--urgent:light-dark(#ae462e,#ffb69e);--warm:light-dark(#fff1e9,#412b25);
  --green:light-dark(#2a7959,#9fddbd);--green-soft:light-dark(#eaf6ef,#243d33);--shadow:light-dark(#29234d0a,#00000021);
  font:14px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:24px;
}
#viec-rieng-app *{box-sizing:border-box}
#viec-rieng-app [hidden]{display:none!important}
#viec-rieng-app :is(h1,h2,h3,h4,p,label,summary,small,output,option,strong,span,li){color:inherit}
#viec-rieng-app :is(button,input,select,textarea){font:inherit}
#viec-rieng-app button{color:inherit}
#viec-rieng-app :is(button,summary,input,select,textarea):focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px}
#viec-rieng-app h2{font-size:42px;line-height:1.13;letter-spacing:-1.7px;font-weight:500;margin:0 0 10px;color:var(--ink)}
#viec-rieng-app h3{font-size:15px;line-height:1.4;letter-spacing:-.25px;font-weight:500;margin:0;color:var(--ink)}
#viec-rieng-app .vr-shell{display:grid;grid-template-columns:166px minmax(0,1fr)}
#viec-rieng-app .vr-side{padding:25px 10px 20px;background:var(--side);border-right:1px solid var(--line);border-radius:24px 0 0 24px;display:flex;flex-direction:column;min-width:0}
#viec-rieng-app .vr-logo{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;letter-spacing:-.4px;padding:0 4px 27px;color:var(--ink)}
#viec-rieng-app .vr-logo-mark{display:grid;place-items:center;width:32px;height:34px;flex-shrink:0;background:var(--brand);color:var(--on-brand);border-radius:12px 12px 12px 3px}
#viec-rieng-app .vr-side>small{font-size:11px;letter-spacing:.7px;padding:0 7px 17px;color:var(--sub)}
#viec-rieng-app .vr-nav{display:flex;flex-direction:column;gap:5px}
#viec-rieng-app .vr-nav-caption{font-size:11px;letter-spacing:1px;color:var(--sub);padding:20px 9px 7px}
#viec-rieng-app .vr-nav-caption:first-child{padding-top:0}
#viec-rieng-app .vr-nav button{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px;padding:10px 8px;border:0;border-radius:11px;background:transparent;color:var(--sub);font-size:12px;text-align:left}
#viec-rieng-app .vr-nav button:hover{background:var(--paper);color:var(--ink)}
#viec-rieng-app .vr-nav button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);font-weight:500}
#viec-rieng-app .vr-nav-label{display:flex;gap:8px;align-items:center}
#viec-rieng-app .vr-count{display:inline-flex;justify-content:center;min-width:21px;padding:0 5px;font-size:11px;font-variant-numeric:tabular-nums;border-radius:5px;background:var(--paper);color:var(--sub)}
#viec-rieng-app .vr-nav button[aria-pressed=true] .vr-count{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}
#viec-rieng-app .vr-icon svg{width:18px;height:18px;stroke-width:1.7px}
#viec-rieng-app .vr-side-foot{margin-top:auto;padding:32px 5px 0}
#viec-rieng-app .vr-account{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:16px}
#viec-rieng-app .vr-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:var(--soft);color:var(--brand-ink);border-radius:50%}
#viec-rieng-app .vr-account-name{font-size:11px;font-weight:500;color:var(--ink)}
#viec-rieng-app .vr-account-note{font-size:11px;color:var(--sub)}
#viec-rieng-app .vr-main{padding:22px;min-width:0;background-color:var(--canvas,var(--paper));background-image:var(--wallpaper-image,none);background-size:cover;background-position:center;border-radius:0 24px 24px 0}
#viec-rieng-app .vr-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:85px;margin-bottom:20px;font-size:11px;color:var(--sub);min-height:44px}
#viec-rieng-app .vr-breadcrumb-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#viec-rieng-app .vr-personal-label{color:var(--sub)}
#viec-rieng-app .vr-topline .vr-btn{font-size:12px;min-height:36px;background:var(--panel)}
#viec-rieng-app .vr-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;padding:25px 24px;background:var(--soft);border-radius:22px 22px 8px 22px;color:var(--ink);isolation:isolate}
#viec-rieng-app .vr-header:after{content:'';position:absolute;right:10px;top:10px;width:115px;height:115px;border:1px solid var(--brand-ink);border-radius:50%;opacity:.12;z-index:-1;pointer-events:none}
#viec-rieng-app .vr-kicker{display:flex;align-items:center;gap:8px;color:var(--brand-ink);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:14px}
#viec-rieng-app .vr-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brand-ink)}
#viec-rieng-app .vr-muted{font-size:13px;color:var(--sub)}
#viec-rieng-app .vr-header-controls{display:grid;gap:12px;min-width:0;align-self:end}
#viec-rieng-app .vr-date{display:grid;gap:6px;font-size:11px;color:var(--sub)}
#viec-rieng-app input:not([type=checkbox]),#viec-rieng-app select,#viec-rieng-app textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:10px 11px}
#viec-rieng-app input::placeholder,#viec-rieng-app textarea::placeholder{color:var(--sub);opacity:1}
#viec-rieng-app .vr-date input{width:151px;font-size:13px;padding:9px 10px}
#viec-rieng-app input[type=checkbox]{appearance:none;display:grid;place-content:center;width:19px;height:19px;flex-shrink:0;margin:0;border:1.5px solid var(--sub);border-radius:6px;background:var(--panel)}
#viec-rieng-app input[type=checkbox]:checked{border-color:var(--brand-ink);background:var(--brand)}
#viec-rieng-app input[type=checkbox]:checked:after{content:'✓';color:var(--on-brand);font-size:13px}
#viec-rieng-app .vr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);white-space:normal}
#viec-rieng-app .vr-btn:hover{background:var(--paper)}
#viec-rieng-app .vr-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand-ink);font-weight:500}
#viec-rieng-app .vr-primary:hover{background:var(--brand);filter:brightness(.96)}
#viec-rieng-app .vr-btn:disabled{opacity:.45}
#viec-rieng-app .vr-btn-quiet{border-color:transparent;color:var(--brand-ink)}
#viec-rieng-app .vr-quick{display:flex;gap:9px;align-items:center;padding:9px;margin:0 0 23px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px var(--shadow)}
#viec-rieng-app .vr-quick>.vr-icon{margin-left:7px;color:var(--brand-ink)}
#viec-rieng-app .vr-quick input{flex:1;border:0;background:transparent;padding:8px 4px}
#viec-rieng-app .vr-quick-save{display:flex;align-items:center;gap:5px;flex-shrink:0}
#viec-rieng-app .vr-quick-save .vr-btn{font-size:12px}
#viec-rieng-app .vr-focus-deck{margin:0 0 24px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
#viec-rieng-app .vr-focus-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:15px}
#viec-rieng-app .vr-focus-heading>div:first-child{display:flex;align-items:center;gap:8px}
#viec-rieng-app .vr-focus-heading .vr-icon{color:var(--brand-ink)}
#viec-rieng-app .vr-focus-count{font-size:11px;color:var(--sub);white-space:nowrap}
#viec-rieng-app .vr-focus-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#viec-rieng-app .vr-focus-slot{display:flex;flex-direction:column;min-width:0;padding:12px;background:var(--soft);border-radius:11px 11px 3px 11px;gap:8px}
#viec-rieng-app .vr-slot-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--brand-ink)}
#viec-rieng-app .vr-slot-index{font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}
#viec-rieng-app .vr-slot-remove{display:grid;place-items:center;min-width:30px;min-height:30px;border:0;border-radius:7px;background:var(--panel);color:var(--brand-ink)}
#viec-rieng-app .vr-focus-slot button:not(.vr-slot-remove){font-size:12px;font-weight:500;text-align:left;border:0;background:transparent;color:var(--ink);padding:0;overflow-wrap:anywhere;min-height:36px}
#viec-rieng-app .vr-slot-due{font-size:11px;color:var(--sub);margin-top:auto}
#viec-rieng-app .vr-focus-slot-empty{background:var(--paper)}
#viec-rieng-app .vr-focus-slot-empty .vr-slot-top{color:var(--sub);min-height:30px}
#viec-rieng-app .vr-focus-slot-empty button:not(.vr-slot-remove){color:var(--brand-ink)}
#viec-rieng-app .vr-focus-slot-empty .vr-slot-caption{font-size:12px;color:var(--sub);min-height:36px}
#viec-rieng-app .vr-workspace{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:20px;align-items:start}
#viec-rieng-app.vr-editing .vr-workspace{grid-template-columns:minmax(0,1fr) 304px}
#viec-rieng-app #vr-list{grid-column:1;grid-row:1;min-width:0}
#viec-rieng-app :is(#vr-overview,#vr-editor,#vr-review-panel){grid-column:2;grid-row:1;min-width:0}
#viec-rieng-app .vr-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:25px 0 12px}
#viec-rieng-app #vr-list>section:first-child .vr-section-title{margin-top:0}
#viec-rieng-app .vr-section-heading{display:flex;align-items:center;gap:8px}
#viec-rieng-app .vr-section-heading .vr-icon{color:var(--brand-ink)}
#viec-rieng-app .vr-section-title>span{font-size:11px;color:var(--sub);flex-shrink:0}
#viec-rieng-app .vr-tasks{display:grid;gap:10px}
#viec-rieng-app .vr-task{display:flex;gap:10px;align-items:flex-start;padding:17px 13px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px var(--shadow)}
#viec-rieng-app .vr-task:hover{border-color:var(--brand-ink)}
#viec-rieng-app .vr-task-focused{border-left:3px solid var(--brand-ink)}
#viec-rieng-app .vr-check{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:30px;padding-top:3px}
#viec-rieng-app .vr-task-info{flex:1;min-width:0}
#viec-rieng-app .vr-task-title{display:block;width:100%;font-size:14px;line-height:1.5;font-weight:500;text-align:left;white-space:normal;border:0;background:transparent;padding:2px 0 11px;color:var(--ink);overflow-wrap:anywhere}
#viec-rieng-app .vr-task-title:hover{color:var(--brand-ink)}
#viec-rieng-app .vr-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--sub);font-size:11px}
#viec-rieng-app .vr-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--paper);color:var(--sub);border-radius:5px}
#viec-rieng-app .vr-due,#viec-rieng-app .vr-status-waiting{background:var(--warm);color:var(--urgent)}
#viec-rieng-app .vr-status-doing{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-status-done{background:var(--green-soft);color:var(--green)}
#viec-rieng-app .vr-meta .vr-icon,#viec-rieng-app .vr-meta .vr-icon svg{width:13px;height:13px}
#viec-rieng-app .vr-focus{display:grid;place-items:center;min-width:32px;min-height:34px;padding:4px;border:0;border-radius:8px;background:var(--paper);color:var(--sub)}
#viec-rieng-app .vr-focus:hover,#viec-rieng-app .vr-focus[aria-pressed=true]{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-completed .vr-task-title{text-decoration:line-through;color:var(--sub)}
#viec-rieng-app .vr-task-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px;font-size:11px;color:var(--sub)}
#viec-rieng-app .vr-importance{display:inline-flex;gap:5px;align-items:center}
#viec-rieng-app .vr-importance .vr-icon,#viec-rieng-app .vr-importance .vr-icon svg{width:13px;height:13px}
#viec-rieng-app .vr-step-progress{display:flex;align-items:center;gap:7px}
#viec-rieng-app .vr-progress-track{width:43px;height:4px;background:var(--line);border-radius:4px;overflow:hidden}
#viec-rieng-app .vr-progress-track>span{height:100%;display:block;background:var(--brand);border-radius:4px}
#viec-rieng-app .vr-empty{display:flex;align-items:center;gap:12px;padding:22px;background:var(--panel);border:1px dashed var(--line);border-radius:14px;color:var(--sub);font-size:12px}
#viec-rieng-app .vr-empty-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex-shrink:0;background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-empty-title{font-weight:500;color:var(--ink);margin-bottom:3px}
#viec-rieng-app .vr-overview{display:grid;gap:15px}
#viec-rieng-app .vr-rail-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}
#viec-rieng-app .vr-rail-heading{display:flex;align-items:center;gap:8px;margin-bottom:6px}
#viec-rieng-app .vr-rail-heading .vr-icon{color:var(--brand-ink)}
#viec-rieng-app .vr-rail-note{font-size:12px;color:var(--sub);margin:0 0 12px}
#viec-rieng-app .vr-milestone{padding:12px 0;border-top:1px solid var(--line)}
#viec-rieng-app .vr-milestone:first-child{border-top:0}
#viec-rieng-app .vr-milestone-heading{display:flex;gap:7px;align-items:baseline;margin-bottom:8px;color:var(--ink)}
#viec-rieng-app .vr-milestone-day{font-size:24px;line-height:1;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
#viec-rieng-app .vr-milestone-month{font-size:11px;color:var(--sub)}
#viec-rieng-app .vr-milestone-task{display:block;width:100%;text-align:left;border:0;background:transparent;padding:6px 0;font-size:12px;color:var(--ink);overflow-wrap:anywhere}
#viec-rieng-app .vr-milestone-task:hover{color:var(--brand-ink)}
#viec-rieng-app .vr-mini-title{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
#viec-rieng-app .vr-mini-caption{display:block;font-size:11px;color:var(--sub);margin-top:3px}
#viec-rieng-app .vr-rail-link{width:100%;margin-top:7px;font-size:12px}
#viec-rieng-app .vr-editor{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 5px 20px var(--shadow)}
#viec-rieng-app .vr-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}
#viec-rieng-app .vr-editor-head h3{overflow-wrap:anywhere}
#viec-rieng-app .vr-editor-head .vr-btn{padding:7px 9px;font-size:12px}
#viec-rieng-app .vr-fields,#viec-rieng-app .vr-advanced-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#viec-rieng-app .vr-advanced-grid{margin-top:13px}
#viec-rieng-app .vr-fields label,#viec-rieng-app .vr-review label{display:grid;gap:6px;font-size:12px;color:var(--sub)}
#viec-rieng-app .vr-review label{margin-top:13px}
#viec-rieng-app textarea{resize:vertical}
#viec-rieng-app .vr-more-fields,#viec-rieng-app #vr-group-manager{padding:12px;background:var(--paper);border-radius:10px;font-size:12px}
#viec-rieng-app :is(.vr-more-fields,#vr-group-manager,.vr-color-library)>summary{color:var(--brand-ink);font-size:12px}
#viec-rieng-app #vr-group-manager label{margin-top:12px}
#viec-rieng-app .vr-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:17px}
#viec-rieng-app .vr-editor-actions .vr-btn{font-size:12px}
#viec-rieng-app .vr-steps{display:grid;gap:9px;margin-top:20px}
#viec-rieng-app .vr-step{display:flex;gap:8px;align-items:center;min-height:36px;font-size:12px;color:var(--ink)}
#viec-rieng-app .vr-step-done{text-decoration:line-through;color:var(--sub)}
#viec-rieng-app .vr-note{font-size:12px;color:var(--sub);margin:9px 0 0;overflow-wrap:anywhere}
#viec-rieng-app .vr-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border-radius:12px;background:var(--warm);color:var(--urgent);font-size:13px;margin-bottom:20px}
#viec-rieng-app .vr-summary-message{display:flex;align-items:center;gap:8px}
#viec-rieng-app .vr-summary .vr-btn{font-size:12px}
#viec-rieng-app .vr-review-prompt{font-size:12px;color:var(--urgent);border-top:1px solid var(--line);padding-top:12px;margin-top:13px}
#viec-rieng-app .vr-review-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
#viec-rieng-app .vr-history{font-size:12px;color:var(--sub);margin-top:20px;border-top:1px solid var(--line);padding-top:14px;overflow-wrap:anywhere}
#viec-rieng-app .vr-history ul{padding-left:17px;margin:9px 0}
#viec-rieng-app .vr-message{font-size:13px;color:var(--green);margin:10px 0}
#viec-rieng-app .vr-error{font-size:13px;color:var(--urgent);overflow-wrap:anywhere}
#viec-rieng-app .vr-message:empty,#viec-rieng-app .vr-error:empty{display:none}
#viec-rieng-app .vr-message:not(:empty),#viec-rieng-app #vr-error:not(:empty){background:var(--panel);padding:10px 12px;border-radius:9px}
#viec-rieng-app .vr-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--sub);margin-top:27px;padding-top:14px;border-top:1px solid var(--line)}
#viec-rieng-app .vr-appearance{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-bottom:22px}
#viec-rieng-app .vr-appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#viec-rieng-app .vr-appearance-head .vr-kicker{margin:0 0 4px;font-size:11px}
#viec-rieng-app .vr-appearance-sections{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:17px}
#viec-rieng-app .vr-appearance-sections button{font-size:12px;min-height:40px;padding:8px 11px;border:0;border-radius:8px;background:var(--paper);color:var(--sub)}
#viec-rieng-app .vr-appearance-sections button[aria-pressed=true]{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-appearance-grid{display:block}
#viec-rieng-app .vr-setting{min-width:0}
#viec-rieng-app .vr-setting-heading{display:block;font-size:12px;color:var(--sub);margin-bottom:8px}
#viec-rieng-app .vr-palette{display:flex;flex-wrap:wrap;gap:8px}
#viec-rieng-app .vr-color-choice{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:12px}
#viec-rieng-app :is(.vr-color-choice,.vr-wallpaper-choice,.vr-color-cell)[aria-pressed=true]{outline:2px solid var(--brand-ink);outline-offset:1px}
#viec-rieng-app .vr-swatch{display:inline-block;width:15px;height:15px;border-radius:50%;flex-shrink:0}
#viec-rieng-app .vr-custom-color{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--sub);margin-top:14px}
#viec-rieng-app input[type=color]{width:44px;height:40px;padding:4px;flex-shrink:0}
#viec-rieng-app .vr-color-library{margin-top:14px}
#viec-rieng-app .vr-color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:12px}
#viec-rieng-app .vr-color-cell{display:grid;place-items:center;min-height:38px;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:4px}
#viec-rieng-app .vr-color-cell .vr-swatch{width:23px;height:23px;border:1px solid var(--line)}
#viec-rieng-app .vr-color-entry{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;margin-top:10px}
#viec-rieng-app .vr-hex{font-size:12px}
#viec-rieng-app .vr-setting-block{margin-top:18px;border-top:1px solid var(--line);padding-top:17px}
#viec-rieng-app #vr-type-section{margin-top:0;border-top:0;padding-top:0}
#viec-rieng-app .vr-text-options{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
#viec-rieng-app .vr-readable-option{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--status-ink)}
#viec-rieng-app #vr-text-effective{color:var(--status-ink)}
#viec-rieng-app .vr-wallpapers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#viec-rieng-app .vr-wallpaper-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:6px 6px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:12px}
#viec-rieng-app .vr-wallpaper-thumb{height:60px;border-radius:8px;background-size:cover;background-position:center}
#viec-rieng-app .vr-bg-none{background:var(--paper)}
#viec-rieng-app .vr-bg-aurora{background:linear-gradient(135deg,light-dark(#e0d3ff,#382358),light-dark(#c6e8ef,#163943),light-dark(#ffe7de,#483329))}
#viec-rieng-app .vr-bg-ocean{background:linear-gradient(140deg,light-dark(#d0eafe,#163249),light-dark(#c9ece8,#1d403c),light-dark(#e2f2ff,#243946))}
#viec-rieng-app .vr-bg-sunset{background:linear-gradient(140deg,light-dark(#ffe3cf,#4a2f29),light-dark(#f5d7eb,#3e2541),light-dark(#e3dcff,#2d2950))}
#viec-rieng-app .vr-gradient-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
#viec-rieng-app .vr-gradient-fields label{display:grid;gap:5px;font-size:12px;color:var(--sub)}
#viec-rieng-app .vr-gradient-fields input[type=color]{width:100%}
#viec-rieng-app .vr-gradient-fields .vr-wide{grid-column:1/-1}
#viec-rieng-app input[type=range]{accent-color:var(--brand);padding:0;border:0}
#viec-rieng-app .vr-upload{display:grid;gap:8px;margin-top:17px}
#viec-rieng-app .vr-upload input[type=file]{font-size:12px;padding:8px}
#viec-rieng-app input::file-selector-button{border:0;padding:8px 10px;margin-right:8px;border-radius:7px;background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-bg-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px}
#viec-rieng-app .vr-bg-strength{flex:1;min-width:140px}
#viec-rieng-app .vr-appearance-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:19px}
#viec-rieng-app .vr-appearance-foot .vr-btn{font-size:12px}
#viec-rieng-app .vr-appearance-foot .vr-note{margin:0}
#viec-rieng-app select option{color:var(--ink);background:var(--panel)}
#viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-topline{background:var(--panel);padding:7px 85px 7px 12px;border-radius:12px}
#viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-header{background:var(--soft)}
#viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-section-title{background:var(--panel);padding:10px;border-radius:10px}
#viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-footer{background:var(--panel);padding:11px;border-radius:10px}
#viec-rieng-app .vr-nav .vr-mobile-menu{display:none}
@media(max-width:960px){
  #viec-rieng-app .vr-workspace{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app.vr-editing .vr-workspace{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app #vr-list{grid-column:1;grid-row:1}
  #viec-rieng-app #vr-overview{grid-column:1;grid-row:2}
  #viec-rieng-app :is(#vr-editor,#vr-review-panel){grid-column:1;grid-row:1;margin-bottom:5px}
  #viec-rieng-app.vr-editing #vr-list{grid-row:2}
  #viec-rieng-app .vr-overview{display:block}
  #viec-rieng-app .vr-milestone-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
  #viec-rieng-app .vr-milestone{padding:9px 0;border-top:0}
  #viec-rieng-app .vr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  #viec-rieng-app .vr-fields>.vr-wide{grid-column:1/-1}
}
@media(max-width:740px){
  #viec-rieng-app .vr-shell{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app .vr-side{padding:15px 14px;border-right:0;border-bottom:1px solid var(--line);border-radius:24px 24px 0 0}
  #viec-rieng-app .vr-logo{padding:0 0 14px;font-size:17px}
  #viec-rieng-app .vr-side>small,#viec-rieng-app .vr-side-foot,#viec-rieng-app .vr-nav-caption{display:none}
  #viec-rieng-app .vr-nav{flex-direction:row;flex-wrap:wrap;gap:6px}
  #viec-rieng-app .vr-nav button{padding:8px 9px;background:var(--paper);font-size:12px}
  #viec-rieng-app .vr-nav:not(.vr-nav-expanded)>button[data-view]:not([data-view=today]):not([data-view=all]):not([aria-pressed=true]){display:none}
  #viec-rieng-app .vr-nav .vr-mobile-menu{display:inline-flex}
  #viec-rieng-app .vr-main{padding:17px 14px;border-radius:0 0 24px 24px}
  #viec-rieng-app .vr-topline{padding-right:0;margin-bottom:16px;align-items:center}
  #viec-rieng-app .vr-personal-label,#viec-rieng-app .vr-breadcrumb-divider{display:none}
  #viec-rieng-app .vr-breadcrumb-line{gap:6px}
  #viec-rieng-app .vr-header{padding:21px 18px;gap:14px;margin-bottom:18px}
  #viec-rieng-app h2{font-size:34px}
  #viec-rieng-app .vr-kicker{font-size:11px;letter-spacing:.6px;margin-bottom:10px}
  #viec-rieng-app .vr-focus-deck{padding:14px;margin-bottom:18px}
  #viec-rieng-app .vr-focus-slots{gap:8px}
  #viec-rieng-app .vr-focus-slot{padding:10px}
  #viec-rieng-app .vr-quick{flex-wrap:wrap;gap:6px;margin-bottom:18px}
  #viec-rieng-app .vr-quick input{flex-basis:calc(100% - 35px)}
  #viec-rieng-app .vr-quick-save{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:7px}
  #viec-rieng-app .vr-task{padding:15px 10px;gap:7px}
  #viec-rieng-app .vr-focus,#viec-rieng-app .vr-check{min-height:44px;min-width:32px}
  #viec-rieng-app .vr-btn,#viec-rieng-app .vr-topline .vr-btn,#viec-rieng-app .vr-appearance-sections button{min-height:44px}
  #viec-rieng-app input:not([type=checkbox]),#viec-rieng-app select,#viec-rieng-app textarea{font-size:16px}
  #viec-rieng-app .vr-date input{font-size:14px}
  #viec-rieng-app .vr-slot-remove{min-width:44px;min-height:44px}
  #viec-rieng-app .vr-focus-slot button:not(.vr-slot-remove){min-height:44px}
  #viec-rieng-app .vr-appearance{padding:15px 13px}
  #viec-rieng-app .vr-color-cell,#viec-rieng-app .vr-color-choice{min-height:44px}
  #viec-rieng-app .vr-color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  #viec-rieng-app .vr-wallpapers{grid-template-columns:repeat(2,minmax(0,1fr))}
  #viec-rieng-app .vr-upload input[type=file]{font-size:13px}
  #viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-topline{padding-right:12px}
}
@media(max-width:540px){
  #viec-rieng-app .vr-header{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app .vr-header-controls{justify-self:start;width:100%}
  #viec-rieng-app .vr-date{display:flex;align-items:center;justify-content:space-between;gap:10px}
  #viec-rieng-app .vr-header:after{top:15px;right:15px;width:75px;height:75px}
  #viec-rieng-app .vr-focus-slots{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app .vr-focus-slot{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:9px;row-gap:3px}
  #viec-rieng-app .vr-slot-top{grid-column:1;grid-row:1/3;align-items:center;flex-direction:column;justify-content:center}
  #viec-rieng-app .vr-slot-due{grid-column:2}
  #viec-rieng-app .vr-focus-slot-empty{grid-template-columns:34px minmax(0,1fr)}
  #viec-rieng-app .vr-focus-slot-empty:not(.vr-slot-next){display:none}
  #viec-rieng-app .vr-focus-slot-empty .vr-slot-top{grid-row:1;min-height:44px}
  #viec-rieng-app .vr-focus-slot-empty .vr-slot-caption{min-height:44px;display:flex;align-items:center}
  #viec-rieng-app .vr-milestone-list{grid-template-columns:minmax(0,1fr);gap:0}
  #viec-rieng-app .vr-milestone{display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:11px 0}
  #viec-rieng-app .vr-milestone:first-child{border-top:0}
  #viec-rieng-app .vr-milestone-heading{display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin-bottom:0;padding-top:5px}
  #viec-rieng-app .vr-milestone-task{min-height:44px}
  #viec-rieng-app .vr-fields{grid-template-columns:minmax(0,1fr)}
  #viec-rieng-app .vr-section-title{align-items:flex-start;flex-wrap:wrap}
  #viec-rieng-app .vr-appearance-head .vr-kicker{letter-spacing:0}
}
@media(prefers-reduced-motion:no-preference){
  #viec-rieng-app button{transition:background .15s ease,color .15s ease}
  #viec-rieng-app .vr-task{transition:border-color .15s ease,box-shadow .15s ease}
}

  html{color-scheme:light dark;background:light-dark(#f5f6fb,#151820)}
body{margin:0;padding:16px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}
#viec-rieng-app{max-width:1240px;margin:0 auto}
#viec-rieng-app .cursor-interaction{cursor:pointer}
#viec-rieng-app button:disabled{cursor:default}
#viec-rieng-app .vr-topline{padding-right:0}
#viec-rieng-app[data-wallpaper]:not([data-wallpaper=none]) .vr-topline{padding-right:12px}
#viec-rieng-app .vr-chrome-actions{display:flex;gap:7px;flex-wrap:wrap}
#viec-rieng-app .vr-header-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}
#viec-rieng-app .vr-header-controls .vr-btn{font-size:11px;min-height:40px}
#viec-rieng-app .vr-data-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin-bottom:22px}
#viec-rieng-app .vr-data-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
#viec-rieng-app .vr-restore-preview{margin-top:14px;padding:14px;border-radius:12px;background:var(--soft)}
#viec-rieng-app .vr-storage-block{display:grid;gap:3px}
#viec-rieng-app #vr-storage-note{color:var(--sub)}
#viec-rieng-app .vr-storage-warning{color:var(--urgent);font-size:12px}
#viec-rieng-app .vr-data-panel :is(input,.vr-note){overflow-wrap:anywhere}
#viec-rieng-app .vr-footer .vr-btn{font-size:12px}
@media(max-width:740px){body{padding:0}#viec-rieng-app{border-radius:0;border-left:0;border-right:0}#viec-rieng-app .vr-side{border-radius:0}#viec-rieng-app .vr-main{border-radius:0}#viec-rieng-app .vr-topline{flex-wrap:wrap}#viec-rieng-app .vr-header-controls .vr-btn{min-height:44px}#viec-rieng-app .vr-data-panel{padding:16px 13px}}

#viec-rieng-app .vr-task-delete{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
#viec-rieng-app .vr-danger{color:var(--urgent);background:var(--warm);border-color:var(--line)}
#viec-rieng-app #vr-delete-confirm .vr-note{color:var(--ink)}
#viec-rieng-app #vr-duplicate-panel .vr-note{color:var(--urgent);margin:0}
#viec-rieng-app .vr-date-field{display:grid;gap:7px;color:var(--sub);font-size:12px;min-width:0}
#viec-rieng-app .vr-date-shell{position:relative;min-width:0}
#viec-rieng-app .vr-date-entry{display:flex;align-items:center;gap:3px;min-height:44px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:border-color .15s,box-shadow .15s}
#viec-rieng-app .vr-date-entry:focus-within{border-color:var(--brand-ink);box-shadow:0 0 0 3px var(--soft)}
#viec-rieng-app .vr-date-entry input{flex:1;width:100%;min-width:0;padding:6px 8px;border:0;background:transparent;border-radius:7px;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.3px}
#viec-rieng-app .vr-date-entry input:focus-visible{outline:none}
#viec-rieng-app .vr-date-open,#viec-rieng-app .vr-date-clear{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:0;border:0;border-radius:8px;cursor:pointer}
#viec-rieng-app .vr-date-open{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-date-open svg{width:18px;height:18px;stroke-width:1.8}
#viec-rieng-app .vr-date-clear{width:24px;background:transparent;color:var(--sub);font-size:19px}
#viec-rieng-app .vr-date-open:hover,#viec-rieng-app .vr-date-clear:hover{filter:brightness(.93)}
#viec-rieng-app .vr-date-hint{margin:0;font-size:11px;line-height:1.5;color:var(--sub)}
#viec-rieng-app .vr-date-hint:empty{display:none}
#viec-rieng-app .vr-date-error{color:var(--urgent)}
#viec-rieng-app .vr-date-entry:has([aria-invalid=true]){border-color:var(--urgent)}
#viec-rieng-app .vr-header:focus-within{z-index:10}
#viec-rieng-app .vr-header .vr-date{width:190px}
#viec-rieng-app .vr-calendar{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:280px;max-width:calc(100vw - 60px);padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);box-shadow:0 12px 35px var(--shadow),0 8px 24px #00000015}
#viec-rieng-app .vr-calendar-head{display:grid;grid-template-columns:28px minmax(0,1fr) 60px 28px;gap:5px;align-items:center;margin-bottom:14px}
#viec-rieng-app .vr-calendar-head select,#viec-rieng-app .vr-calendar-head input{width:100%;padding:7px 5px;font-size:12px;border-radius:8px;color:var(--ink);background:var(--paper);letter-spacing:0}
#viec-rieng-app .vr-calendar-head button{height:32px;padding:0;background:transparent;border:0;border-radius:8px;color:var(--sub);font-size:23px;cursor:pointer}
#viec-rieng-app .vr-calendar-week,#viec-rieng-app .vr-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
#viec-rieng-app .vr-calendar-week{margin-bottom:7px;font-size:10px;color:var(--sub)}
#viec-rieng-app .vr-calendar-day{min-height:32px;padding:3px 0;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer}
#viec-rieng-app .vr-calendar-day:hover,#viec-rieng-app .vr-calendar-head button:hover{background:var(--paper)}
#viec-rieng-app .vr-calendar-current{background:var(--soft);color:var(--brand-ink)}
#viec-rieng-app .vr-calendar-day.vr-selected{background:var(--brand);color:var(--on-brand);font-weight:600}
#viec-rieng-app .vr-calendar-day:disabled{opacity:.3;cursor:default}
#viec-rieng-app .vr-calendar-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:10px;padding-top:7px}
#viec-rieng-app .vr-calendar-footer button{padding:5px 8px;min-height:30px;border:0;border-radius:7px;background:transparent;font-size:12px;color:var(--brand-ink);cursor:pointer}
#viec-rieng-app .vr-calendar-footer button:hover{background:var(--soft)}
#viec-rieng-app .vr-review .vr-date-field{margin-top:14px}
@media(max-width:720px){
 #viec-rieng-app .vr-date-entry input{font-size:16px}
 #viec-rieng-app .vr-date-open,#viec-rieng-app .vr-date-clear{height:38px}
 #viec-rieng-app .vr-calendar-day{min-height:37px}
 #viec-rieng-app .vr-calendar-head select,#viec-rieng-app .vr-calendar-head input{font-size:16px}
}
@media(max-width:540px){
 #viec-rieng-app .vr-header .vr-date{display:grid;width:100%}
 #viec-rieng-app .vr-header-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
 #viec-rieng-app .vr-header-controls>.vr-btn{font-size:12px;padding:8px}
 #viec-rieng-app .vr-header .vr-calendar{right:auto;left:0}
}

#viec-rieng-app .vr-cancel-box{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--warm);color:var(--ink)}
#viec-rieng-app .vr-cancel-box label{color:var(--ink)}
#viec-rieng-app .vr-cancel-box .vr-note{font-size:11px;color:var(--sub)}
#viec-rieng-app .vr-task-lifecycle{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#viec-rieng-app .vr-task-lifecycle:has(>button[hidden]:first-child):has(>button[hidden]:last-child){display:none}
#viec-rieng-app .vr-cancel-action{color:var(--brand-ink);background:var(--soft)}
#viec-rieng-app .vr-status-canceled{color:var(--sub);background:var(--paper)}