@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#011a38;--navy2:#06254e;--bg:#f2f5fa;--text:#0b1d3a;--muted:#7d8798;--line:#e1e8f2;--purple:#fab519;--green:#169b72;--orange:#d98a30;--blue:#3b82d6;--shadow:0 6px 24px rgba(31,45,75,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:250px;background:var(--navy);color:#d6dceb;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:25px 15px 16px;z-index:20;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#0f3a70;border-radius:6px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 33px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#ffc93c,#9a6a00);display:grid;place-items:center;color:#011a38;font-weight:800;font-family:Manrope;font-size:14px;box-shadow:0 5px 16px #fab5194d}.brand strong{display:block;color:#fff;font:700 14px Manrope}.brand small{display:block;color:#8d9ab1;font-size:11px;margin-top:4px}.workspace-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#7f8ba3;padding:0 11px 12px}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aeb8cb;text-align:left;padding:12px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:12px;transition:.2s}.nav-item>span{width:17px;text-align:center;font-size:17px}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:#fab519;color:#011a38;box-shadow:0 5px 15px #0002}.nav-item b{font-size:10px;font-weight:500;margin-left:auto;background:#ffffff1b;padding:3px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto}.help-card{background:#06254e;border:1px solid #0f3a70;border-radius:11px;padding:14px;margin-bottom:17px}.help-icon{height:24px;width:24px;border-radius:7px;background:#fab519;color:#011a38;display:grid;place-items:center;margin-bottom:12px}.help-card strong{font-size:12px;color:#fff}.help-card p{font-size:11px;color:#9eabc0;line-height:1.6;margin:7px 0 12px}.help-card button{background:none;border:0;color:#ffc93c;font-size:11px;padding:0}.profile{border-top:1px solid #0f3a70;padding:16px 4px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{height:34px;width:34px;border-radius:50%;background:#fab519;color:#011a38;display:grid;place-items:center;font-weight:700;font-size:11px}.profile strong{display:block;font-size:11px;color:#fff}.profile small{display:block;color:#8e9bb0;font-size:10px;margin-top:4px}.profile-dots{margin-left:auto;letter-spacing:2px;color:#8c99ad}.main{margin-left:250px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;color:#929bad}.breadcrumb span{padding:0 9px;color:#c4cbd6}.breadcrumb strong{color:#3a4559;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.today{font-size:11px;color:#7c8799}.icon-button{position:relative;border:0;background:none;color:#647086;font-size:20px}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ef6e6e;right:0;top:3px;display:none}.icon-button i.show{display:block}.top-avatar{height:31px;width:31px;background:#fab519;color:#011a38}.mobile-menu{display:none}.content{max-width:1600px;margin:0 auto;padding:31px 34px 48px}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.35px;color:#8b95a8;font-weight:700;margin:0 0 9px}.page-heading h1{font:800 27px Manrope;margin:0;letter-spacing:-.8px}.page-heading h1 span{color:#e8ad4b;font-size:19px}.subheading{margin:8px 0 0;color:#858fa0;font-size:12px}.primary-btn{border:0;background:var(--purple);color:#011a38;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700;box-shadow:0 4px 10px #fab5192b;white-space:nowrap}.primary-btn:hover{background:#ffc93c}.outline-btn{border:1px solid #dfe4ed;background:#fff;border-radius:7px;padding:9px 12px;font-size:11px;color:#465166;font-weight:600}.text-btn{border:0;background:none;color:#9a6a00;font-size:11px;font-weight:700;padding:5px}.subtle-icon{border:1px solid var(--line);border-radius:7px;background:#fff;color:#8b95a6;letter-spacing:2px;padding:5px 9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card,.panel,.work-card,.team-card,.report-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:18px 19px 16px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#818b9c;font-size:11px}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}.purple{background:#fdecc0;color:#fab519}.blue{background:#eaf3ff;color:#3b82d6}.orange{background:#fff3e5;color:#d98a30}.green{background:#e5f8f0;color:#169b72}.stat-value{font:800 24px Manrope;letter-spacing:-.7px;margin:13px 0 8px;white-space:nowrap}.stat-foot{font-size:10px;color:#98a1af}.positive{color:#1caa7b}.warning-text{color:#d78b31}.progress-track{height:5px;background:#eef0f6;border-radius:9px;overflow:hidden;margin:12px 0 8px}.progress-track div{height:100%;background:#20b486;border-radius:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:18px;margin-bottom:18px}.bottom-grid{grid-template-columns:1fr 1fr}.panel{padding:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}.panel-heading h2{font:700 14px Manrope;margin:0}.panel-heading p{font-size:10px;color:#929bac;margin:6px 0 0}.featured-list{display:grid;gap:0}.featured-work{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #f0f2f6}.featured-work:first-child{border-top:0;padding-top:0}.work-symbol{width:40px;height:40px;border-radius:10px;background:#fdecc0;color:#fab519;display:grid;place-items:center;font-size:17px}.work-symbol.orange-bg{background:#fff2e4;color:#d88a30}.work-symbol.green-bg{background:#e7f8f0;color:#1ba77a}.work-name{font-weight:700;font-size:11px;margin-bottom:5px}.work-meta{font-size:10px;color:#929bac}.work-right{text-align:right}.work-percent{font-size:12px;font-weight:700}.mini-progress{width:86px;height:4px;background:#eff1f6;border-radius:9px;margin-top:8px;overflow:hidden}.mini-progress div{height:100%;background:#fab519}.agenda-list{display:grid}.agenda-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px 0;border-top:1px solid #f0f2f6}.agenda-item:first-child{padding-top:0;border-top:0}.date-box{border-radius:8px;background:#fdecc0;color:#9a6a00;text-align:center;padding:7px 3px}.date-box strong{font:800 15px Manrope;display:block}.date-box small{font-size:8px;text-transform:uppercase}.agenda-title{font-size:11px;font-weight:700;margin:1px 0 5px}.agenda-meta{font-size:10px;color:#929bac;line-height:1.5}.status{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:700;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.done{color:#169b72;background:#e8f8f1}.status.progress{color:#b77b1b;background:#fff4df}.status.planned{color:#65738b;background:#eef1f6}.status.late{color:#d65b5b;background:#fff0ef}.status.archived{color:#8b8b7f;background:#ece9df}.finance-summary{display:grid;gap:17px}.finance-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.finance-line span{font-size:11px;color:#697589}.finance-line strong{font-size:11px}.finance-bar{grid-column:1/-1;height:7px;background:#eef1f6;border-radius:8px;overflow:hidden}.finance-bar div{height:100%;border-radius:8px}.stages-list{display:grid;gap:18px}.stage-row{padding:14px 0;border-top:1px solid #f0f2f6}.stage-row:first-child{border-top:0;padding-top:0}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stage-name{font-size:12px;font-weight:700;color:#344056}.stage-pct{font-size:12px;font-weight:800}.stage-slider{width:100%;margin-top:10px;accent-color:#fab519;cursor:pointer}
.stage-auto-note{display:block;margin-top:8px;font-size:10px;color:#929bac}.activity-list{display:grid}.activity-item{display:flex;gap:11px;padding:10px 0;border-top:1px solid #f0f2f6}.activity-item:first-child{padding-top:0;border-top:0}.activity-dot{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;background:#fdecc0;color:#fab519}.activity-copy{font-size:10px;color:#758094;line-height:1.6}.activity-copy strong{color:#344056;font-weight:700}.activity-copy small{display:block;color:#a1a9b5;margin-top:2px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.searchbox{height:39px;background:#fff;border:1px solid #e4e8ef;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:430px;color:#98a2b2}.searchbox span{font-size:21px}.searchbox input{border:0;outline:0;width:100%;font-size:11px;color:#344056}.toolbar select{height:39px;border:1px solid #e4e8ef;border-radius:8px;background:#fff;color:#657086;padding:0 12px;font-size:11px}.toolbar-note{color:#8c96a7;font-size:11px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-card{padding:19px}.work-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.work-card h3{font:700 14px Manrope;margin:0 0 7px}.work-card .client{font-size:10px;color:#929bac;margin-bottom:17px}.work-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:14px 0;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}.meta-label{font-size:9px;color:#9aa3b0;margin-bottom:5px}.meta-value{font-size:11px;font-weight:700}.work-card-progress{margin:15px 0 13px}.work-card-progress .row{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.work-card-progress .row span{color:#818b9b}.work-card-footer{display:flex;justify-content:space-between;align-items:center}.owner{display:flex;align-items:center;gap:7px;color:#6f7a8c;font-size:10px}.owner-avatar{width:25px;height:25px;border-radius:50%;background:#fdecc0;color:#9a6a00;display:grid;place-items:center;font-size:9px;font-weight:700}.card-actions{display:flex;gap:7px}.small-action{border:1px solid #e6eaf1;background:#fff;border-radius:6px;color:#677389;padding:6px 8px;font-size:10px}.small-action.danger{color:#d65b5b;border-color:#f6d9d7}.work-card.archived{opacity:.65}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-heading{padding:20px 20px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#fafbfe;color:#8993a4;font-size:9px;letter-spacing:.35px;text-transform:uppercase;font-weight:700;padding:13px 17px;border-top:1px solid #eff1f5;border-bottom:1px solid #eff1f5}td{font-size:11px;color:#5b667a;padding:15px 17px;border-bottom:1px solid #f0f2f6}tbody tr:last-child td{border-bottom:0}td strong{color:#303b50;font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-card{padding:20px;display:flex;align-items:center;gap:13px}.team-avatar{height:72px;width:72px;border-radius:16px;display:grid;place-items:center;background:#fdecc0;color:#9a6a00;font-weight:700;overflow:hidden;flex:none}.team-avatar[data-photo-path]{position:relative;display:block}.team-avatar img{position:absolute;max-width:none;display:block;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none}.team-avatar.dragging img{cursor:grabbing}.photo-zoom{position:absolute;right:3px;bottom:3px;display:flex;gap:2px;z-index:2;opacity:0;transition:opacity .15s}.team-avatar:hover .photo-zoom,.team-avatar.show-zoom .photo-zoom{opacity:1}.photo-zoom button{width:20px;height:20px;border:0;border-radius:6px;background:rgba(1,26,56,.62);color:#fff;font-size:14px;line-height:1;padding:0;cursor:pointer}.team-info{min-width:0}.team-info h3{font-size:12px;margin:0 0 5px}.team-info p{font-size:10px;color:#929bac;margin:0 0 7px}.team-info small{font-size:9px;color:#6b7a90}.team-actions{margin-left:auto;flex:none;display:flex;gap:7px}.diary-list{display:grid;gap:12px}.diary-card{background:#fff;border:1px solid #edf0f5;border-radius:11px;padding:19px;display:grid;grid-template-columns:48px 1fr;gap:15px}.diary-date{background:#fdecc0;color:#9a6a00;border-radius:9px;text-align:center;padding:8px 3px;height:53px}.diary-date strong{font:800 18px Manrope;display:block}.diary-date small{font-size:9px}.diary-card h3{font-size:12px;margin:2px 0 7px}.diary-card p{font-size:11px;line-height:1.7;color:#7d8798;margin:0}.diary-card .diary-meta{font-size:10px;color:#9ba4b1;margin-top:10px}.diary-actions{margin-top:12px;display:flex;gap:7px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-card{padding:22px}.report-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:17px}.report-card h3{font:700 13px Manrope;margin:0 0 8px}.report-card p{font-size:11px;line-height:1.7;color:#8b95a5;min-height:38px}.report-card button{margin-top:8px}.report-note{margin-top:18px}.report-note h3{font-size:12px;margin:0 0 8px}.report-note p{font-size:11px;line-height:1.8;color:#828da0;margin:0}.empty-state{padding:35px;text-align:center;color:#929bac;font-size:12px;grid-column:1/-1}.toast{position:fixed;right:25px;bottom:25px;background:#011a38;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:0 10px 35px #011a3830;font-size:12px;z-index:60;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:14px;padding:0;width:min(560px,calc(100% - 30px));box-shadow:0 25px 90px #011a3835;color:var(--text)}dialog::backdrop{background:#011a38b3;backdrop-filter:blur(3px)}dialog form{padding:24px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-heading h2{font:800 20px Manrope;margin:0}.close-btn{border:0;background:#f1f3f8;color:#6b7587;border-radius:8px;font-size:22px;width:32px;height:32px;line-height:1}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field-block{display:contents}.field-section{display:none}.field label{font-size:10px;font-weight:700;color:#657086}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4ed;border-radius:7px;padding:10px;font-size:14px;outline:none;background:#fff;color:#354056}
.field input::placeholder,.field textarea::placeholder{color:#d8dbe2}
#f_budgetItemId{font-size:10px}
.gantt-panel{overflow-x:auto}.gantt-legend{display:flex;gap:14px;flex-wrap:wrap}.gantt-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#697589}.gantt-legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#fab519;box-shadow:0 0 0 3px #fab51915}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.help-content{font-size:12px;color:#687489;line-height:1.8}.help-content li{margin-bottom:7px}.help-content p{background:#fff6e0;padding:12px;border-radius:8px;color:#7a5a1c}
@media(max-width:1200px){.content{padding:26px 23px}.topbar{padding:0 23px}.works-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:21px}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #10192b30}.main{margin-left:0}.mobile-menu{display:block;border:0;background:none;font-size:20px;color:#566176;margin-right:12px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto;gap:12px}.today{display:none}.dashboard-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid,.team-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.content{padding:22px 14px 35px}.topbar{height:60px;padding:0 14px}.breadcrumb{font-size:10px}.top-avatar{cursor:pointer}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.page-heading>.primary-btn{width:100%}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:19px}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.panel{padding:15px}.works-grid,.team-grid,.report-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.searchbox{max-width:none;flex-basis:100%}.toolbar select{flex:1}.toolbar-note{line-height:1.6}.modal-fields{grid-template-columns:1fr;gap:16px}.field.full{grid-column:auto}.field-block{display:block;border:1px solid #edf0f5;border-radius:12px;padding:16px;background:#fff}.field-section{display:block;font-size:9px;letter-spacing:1.35px;color:#9a6a00;font-weight:800;text-transform:uppercase;margin:0 0 14px}.field-block .field{margin-bottom:14px}.field-block .field:last-child{margin-bottom:0}.work-card{padding:16px}.profile{margin-top:10px}}
.auth-screen{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;background:#011a38;padding:20px}
.auth-card{margin:auto}
.auth-card{background:#fff;border-radius:16px;padding:36px 30px;width:min(380px,100%);text-align:center;box-shadow:0 25px 90px #00000050}
.auth-card h1{font:800 22px Manrope;margin:4px 0 6px;color:#1c2638}
.auth-card>p{font-size:12px;color:#7d8798;margin:0 0 22px}
.auth-card form{display:grid;gap:15px;text-align:left}
.profile{position:relative;display:none}
.profile-menu{display:none;position:absolute;bottom:54px;left:4px;right:4px;background:#06254e;border:1px solid #0f3a70;border-radius:10px;padding:6px;box-shadow:0 10px 30px #00000050;z-index:30}
.profile-menu.open{display:block}
.profile-menu button{width:100%;text-align:left;background:none;border:0;color:#d6dceb;font-size:12px;padding:9px 10px;border-radius:7px;cursor:pointer}
.profile-menu button:hover{background:#ffffff0f}
.top-profile{position:relative}
#topProfileMenu{top:44px;bottom:auto;left:auto;right:0;width:140px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
#topProfileMenu button{color:#465166}
#topProfileMenu button:hover{background:#f5f5f5}
.diary-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#greetingWord,#greetingName{color:#011a38;font-size:inherit}
.diary-photos img{width:140px;height:140px;object-fit:cover;border-radius:10px;border:1px solid #d5dae3}

.brand-logo{width:56px;height:auto;border-radius:6px;flex:none}
.auth-logo{display:block;width:150px;height:auto;margin-left:auto;margin-right:auto;border-radius:10px}
@media(max-width:900px){.brand-logo{width:110px}.auth-logo{width:230px}}
@media(max-width:900px){.brand-logo{width:96px}.auth-logo{width:170px}}
@media(max-width:900px){.brand{align-items:flex-end;justify-content:space-between}.brand>div{text-align:right;padding-bottom:4px}}
.brand-logo{width:84px}.auth-logo{width:170px}.brand{align-items:flex-end;justify-content:space-between}.brand>div{text-align:right;padding-bottom:4px}
@media(max-width:900px){.brand-logo{width:96px}}
.brand-logo{width:120px}
@media(max-width:900px){.brand-logo{width:120px}}
@media(max-width:900px){.content,.sidebar,.topbar,#modal,.toast{zoom:1.12}}
.auth-logo{width:130px}@media(max-width:900px){.auth-logo{width:210px}}
.auth-card .auth-logo{background:#011a38;border-radius:18px;padding:14px 22px;box-sizing:content-box}

.notes-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}
@media(min-width:901px){.brand{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:28px}.brand-logo{width:100%}.brand>div{text-align:left;padding-bottom:0}.auth-card .auth-logo{width:260px;max-width:100%}}

.top-actions{position:relative}
.notif-menu{display:none;position:absolute;top:46px;right:48px;width:320px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #011a3830;z-index:40;padding:6px}
.notif-menu.open{display:block}
.notif-title{font:700 12px Manrope,sans-serif;color:#0b1d3a;padding:10px 10px 8px}
.notif-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;border-top:1px solid #f0f2f6}
.notif-item:hover{background:#f2f5fa}
.notif-item strong{display:block;font-size:12px;color:#0b1d3a;overflow-wrap:break-word}
.notif-item small{display:block;font-size:10px;color:#7d8798;margin-top:3px}
.notif-empty{padding:14px 10px;font-size:11px;color:#7d8798}
@media(max-width:560px){.notif-menu{position:fixed;top:64px;left:12px;right:12px;width:auto}}
:where(.toast[popover]){top:auto;left:auto;margin:0;border:0;overflow:visible;max-width:min(90vw,420px)}