.dsp-dashboard{width:100%;min-height:100vh;background:#faf8f5}.dashboard-header{position:fixed;top:0;left:0;width:100%;height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#ffc400;z-index:1000}.logo{width:190px;height:auto;display:block;object-fit:contain}.header-icon{position:relative;width:40px;height:40px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;color:#35115f;cursor:pointer}.header-icon:hover{background:#35115f17}.header-notification{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c50072;color:#fff;font-size:11px;font-weight:700}.profile{display:flex;align-items:center;gap:10px;color:#35115f}.profile-info{display:flex;flex-direction:column}.profile-info strong{font-size:14px;line-height:18px}.profile-info span{font-size:12px;line-height:16px;opacity:.75}.dashboard-main{width:calc(100% - 90px);min-height:calc(100vh - 74px);margin-left:90px;padding:32px 50px 50px;background:linear-gradient(180deg,#fffdfb,#faf8f5);transition:width .25s ease,margin-left .25s ease}.sidebar-closed .dashboard-main{width:100%;margin-left:0;padding-left:50px;padding-right:50px}.page-title{margin-bottom:28px}.page-title h1{margin:0;color:#3a1464;font-size:34px;font-weight:700}.page-title p{margin:8px 0 0;color:#686274;font-size:17px}.dashboard-section{margin-top:32px}.section-title{margin-bottom:14px;color:#4a0d60;font-size:20px;font-weight:700}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2,.promotion-header h2{margin:0;color:#4a0d60;font-size:21px}.section-header p,.promotion-header p{margin:5px 0 0;color:#777;font-size:13px}.view-all{border:0;background:transparent;color:#c2187a;font-size:14px;font-weight:700;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px}.summary-card{min-height:140px;padding:18px 20px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;column-gap:16px;align-items:center;background:#fff;border-radius:15px;box-shadow:0 3px 12px #32193c14}.summary-icon{grid-column:1;grid-row:1 / 4;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:0;border-radius:50%;font-size:20px;font-weight:700}.summary-title{grid-column:2;grid-row:1;color:#5a185f;font-size:13px;font-weight:700;line-height:1.2}.summary-value{grid-column:2;grid-row:2;margin-top:3px;color:#292a47;font-size:28px;font-weight:700;line-height:1.1}.summary-subtitle{grid-column:2;grid-row:3;margin-top:2px;color:#777;font-size:11px;line-height:1.2}.summary-icon.pink{color:#c2187a;background:#fceaf5}.summary-icon.green{color:#319454;background:#edf8ed}.summary-icon.yellow{color:#a47b00;background:#fff5dc}.review-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px}.review-card{min-height:105px;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid transparent;border-radius:15px;text-align:left;cursor:pointer}.review-purple{background:#f4ebfa}.review-yellow{background:#fff5dd}.review-blue{background:#edf4fc}.review-red{background:#fceeee}.review-orange{background:#fff0df}.review-icon{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffb3;color:#803f98;font-size:21px}.review-count{color:#292a47;font-size:23px;font-weight:700}.review-title{margin-top:2px;color:#555;font-size:12px;line-height:17px}.quick-actions{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:15px}.quick-action{min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;background:#fff;border:0;border-radius:16px;box-shadow:0 3px 12px #32193c12;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:0 5px 16px #32193c1f}.quick-action-icon{color:#c2187a;font-size:31px;font-weight:600}.quick-action-title{max-width:160px;margin-top:13px;color:#4a0d60;text-align:center;font-size:13px;font-weight:700;line-height:18px}.promotion-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.promotion-controls{display:flex;align-items:center;gap:10px}.promotion-controls label{color:#666;font-size:13px;font-weight:600}.promotion-controls select{min-width:240px;height:42px;padding:0 14px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#4a0d60;font-size:13px;outline:none;cursor:pointer}.promotions-list{display:flex;flex-direction:column;gap:12px}.promotion-card{display:flex;gap:20px;min-height:150px;padding:14px;background:#fff;border-radius:17px;box-shadow:0 3px 12px #32193c14}.promotion-image{width:170px;height:122px;flex-shrink:0;overflow:hidden;border-radius:13px;background:#eee}.promotion-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:35px}.promotion-content{flex:1;min-width:0;display:flex;flex-direction:column}.promotion-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.promotion-top h3{margin:3px 0;color:#5a185f;font-size:17px}.brand-name{margin:0;color:#777;font-size:13px}.status-badge{flex-shrink:0;padding:7px 14px;border-radius:20px;font-size:10px;font-weight:700}.badge-live{color:#31834b;background:#eaf7ec}.badge-scheduled{color:#2868a5;background:#eef4fc}.badge-ending{color:#b46d00;background:#fff2d9}.badge-completed{color:#803f98;background:#f5eaf7}.badge-warning{color:#a86e00;background:#fff2d6}.badge-created{color:#803f98;background:#f3eafa}.badge-archived{color:#666;background:#eee}.promotion-date-wrapper{display:flex;flex-direction:column;gap:5px;margin-top:9px}.promotion-validity-label{color:#777;font-size:12px;line-height:1.3;font-weight:400}.promotion-date{display:flex;align-items:center;gap:7px;margin-top:0;color:#777;font-size:12px}.promotion-date svg{color:#c2187a}.promotion-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:10px;border-top:1px solid #eee}.promotion-metrics{flex:1;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr))}.promotion-metrics>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #eee}.promotion-metrics>div:last-child{border-right:0}.promotion-metrics span{color:#888;font-size:11px}.promotion-metrics strong{margin-top:3px;color:#292a47;font-size:14px}.details-button{height:38px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c2187a;border-radius:9px;background:#fff;color:#8e176b;font-size:12px;font-weight:700;cursor:pointer}.details-button span{font-size:19px}.create-promotion{width:100%;height:58px;margin-top:28px;border:0;border-radius:30px;background:#c2187a;color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #c2187a33}.create-promotion span{margin-right:8px;font-size:25px}.empty-state{padding:50px;background:#fff;border-radius:16px;color:#777;text-align:center}@media(max-width:1200px){.summary-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.review-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:800px){.profile-info{display:none}.dashboard-main,.sidebar-closed .dashboard-main{width:100%;margin-left:0;padding:25px 20px 40px}.promotion-date-wrapper{display:flex;flex-direction:column;gap:5px;margin-top:9px}.promotion-validity-label{color:#777;font-size:12px;line-height:1.3;font-weight:400}.promotion-date{display:flex;align-items:center;gap:7px;margin-top:0;color:#777;font-size:12px}.sidebar{width:90px}.summary-grid,.review-grid,.quick-actions{grid-template-columns:1fr}.promotion-card{flex-direction:column}.promotion-image{width:100%;height:200px}.promotion-header{flex-direction:column;align-items:flex-start;gap:15px}.promotion-controls{width:100%}.promotion-controls select{flex:1}}.dsp-promotion-page{width:100%;min-height:100vh;background:#faf8f5}.reporting-main{width:100%;max-width:none;margin:0;padding:28px 24px 40px;box-sizing:border-box;flex:1}.page-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.page-heading h1{margin:0;color:#31145f;font-size:30px;line-height:1.2;font-weight:700}.back-button{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;border:1px solid #eadfe8;background:#fff;color:#a91d7d;box-shadow:0 3px 12px #31145f14;cursor:pointer}.download-packet-icon-button{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border:1px solid #eadfe8;border-radius:10px;background:#fff;color:#a70070;box-shadow:0 3px 12px #31145f14;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.download-packet-icon-button:hover:not(:disabled){background:#fff8fc;border-color:#c21885;box-shadow:0 4px 14px #c218851f}.download-packet-icon-button:disabled{opacity:.6;cursor:default}.dsp-card{margin-bottom:18px;padding:22px 20px;background:#fff;border:1px solid #eee5eb;border-radius:18px;box-shadow:0 5px 18px #31145f14}.dsp-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.dsp-section-header h2{margin:0;color:#31145f;font-size:22px;font-weight:700}.dsp-section-icon{display:inline-flex;align-items:center;justify-content:center;color:#c21885;font-size:24px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{min-width:0;padding:16px 10px;border-bottom:1px solid #f0e4dc}.detail-item:nth-child(odd){padding-right:22px;border-right:1px solid #f0e4dc}.detail-item:nth-child(2n){padding-left:22px}.detail-item.full-width{grid-column:1 / -1;border-right:0;padding-left:10px}.detail-label{display:block;margin-bottom:5px;color:#8b7b8e;font-size:14px;line-height:1.3}.detail-value{display:block;color:#261b35;font-size:17px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.inline-icon{margin-right:6px;color:#b31a83;vertical-align:-2px}.chat-link-row{width:100%;display:flex;align-items:flex-start;gap:12px;flex-wrap:nowrap;overflow:hidden}.promotion-chat-url{display:block;flex:1 1 auto;min-width:0;width:0;max-width:100%;color:#a70070;font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow:visible;text-overflow:unset;cursor:pointer}.promotion-chat-url:hover{color:#c21885}.chat-url-loading{flex:1 1 auto;min-width:0;color:#8b7b8e;font-size:17px;font-weight:600}.chat-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:10px;background:#a70070;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.chat-primary-button:hover{opacity:.9}.chat-primary-button:disabled{opacity:.55;cursor:default}.chat-external-icon{font-size:16px;line-height:1}.chat-copy-button{width:42px;height:42px;min-width:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a70070;border-radius:10px;background:#fff;color:#a70070;cursor:pointer}.chat-copy-button:hover{background:#a70070;color:#fff}.chat-copy-button:disabled{opacity:.5;cursor:default}.chat-copy-button.copied{background:#a70070;color:#fff}.chat-copied-text{flex:0 0 auto;color:#a70070;font-size:14px;font-weight:600}.creative-review{display:grid;grid-template-columns:330px minmax(0,1fr);gap:60px;align-items:center}.creative-image-wrapper{width:330px;height:220px;overflow:hidden;border-radius:14px;background:#111827;border:1px solid #eadfe8}.creative-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#c21885;background:#f9f6fa}.creative-details{display:grid;gap:16px}.creative-detail{display:grid;gap:5px}.creative-detail>span{color:#8b7b8e;font-size:14px}.creative-detail>strong{color:#261b35;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.creative-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.promotion-actions{width:100%;margin-top:4px}.workflow-action-button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:#a70070;color:#fff;font-size:16px;font-weight:700}.workflow-action-button.scheduled-button{opacity:.9;cursor:default}.workflow-action-button:disabled{cursor:default}.download-promotion-packet-button{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:0 20px;border:2px solid #c21885;border-radius:16px;background:#fff;color:#c21885;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.download-promotion-packet-button:hover:not(:disabled){background:#fff8fc;box-shadow:0 4px 14px #c218851f}.download-promotion-packet-button:active:not(:disabled){transform:scale(.995)}.download-promotion-packet-button:disabled{opacity:.6;cursor:default}.download-promotion-packet-button svg{color:#c21885;flex-shrink:0}.download-promotion-packet-spinner{width:20px;height:20px;border:2px solid #ead0e2;border-top-color:#c21885;border-radius:50%;animation:download-promotion-packet-spin .7s linear infinite}@keyframes download-promotion-packet-spin{to{transform:rotate(360deg)}}.download-spinner{width:18px;height:18px;border:2px solid #ead0e2;border-top-color:#c21885;border-radius:50%;animation:download-packet-spin .7s linear infinite}@keyframes download-packet-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.reporting-main{padding:22px 16px 32px}.creative-review{grid-template-columns:1fr}.creative-image-wrapper{width:100%;height:auto;aspect-ratio:1.5 / 1}}@media(max-width:680px){.page-heading h1{font-size:26px}.page-heading{gap:12px}.dsp-card{padding:18px 14px;border-radius:16px}.dsp-section-header h2{font-size:19px}.summary-grid{grid-template-columns:1fr}.detail-item,.detail-item:nth-child(odd),.detail-item:nth-child(2n),.detail-item.full-width{grid-column:1;padding:13px 0;border-right:0}.creative-two-column{grid-template-columns:1fr;gap:16px}.detail-value{font-size:16px}.download-promotion-packet-button{min-height:64px;font-size:16px;border-radius:14px}.download-packet-icon-button{width:42px;height:42px;flex-basis:42px}.promotion-chat-url{font-size:16px}.chat-link-row{gap:10px}.chat-copy-button{width:40px;height:40px;min-width:40px;flex-basis:40px}}.workflow-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000073}.workflow-confirm-modal{width:min(460px,100%);background:#fff;border:1px solid #eee5eb;border-radius:16px;box-shadow:0 20px 60px #31145f38;overflow:hidden}.workflow-confirm-content{padding:28px}.workflow-confirm-content h2{margin:0 0 14px;color:#31145f;font-size:21px;line-height:1.3;font-weight:700}.workflow-confirm-content p{margin:0;color:#4d4354;font-size:16px;line-height:1.55;font-weight:500}.workflow-confirm-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.workflow-confirm-cancel,.workflow-confirm-submit{min-width:100px;height:42px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .1s ease}.workflow-confirm-cancel{border:1px solid #d9cfd8;background:#fff;color:#4d4354}.workflow-confirm-cancel:hover{background:#f8f5f8;border-color:#c9bdc8}.workflow-confirm-submit{border:1px solid #a70070;background:#a70070;color:#fff}.workflow-confirm-submit:hover{background:#8f005f;border-color:#8f005f}.workflow-confirm-cancel:active,.workflow-confirm-submit:active{transform:scale(.98)}.workflow-confirm-cancel:focus-visible,.workflow-confirm-submit:focus-visible{outline:3px solid rgba(167,0,112,.2);outline-offset:2px}@media(max-width:680px){.workflow-confirm-overlay{padding:16px}.workflow-confirm-content{padding:22px 20px}.workflow-confirm-content h2{font-size:19px}.workflow-confirm-content p{font-size:15px}.workflow-confirm-actions{margin-top:22px}.workflow-confirm-cancel,.workflow-confirm-submit{flex:1;min-width:0}}*{box-sizing:border-box}html,body{margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#faf8f5;color:#35115f}.reporting-page{width:100%;min-height:100vh;background:#faf8f5}.top-header{position:fixed;top:0;left:0;width:100%;height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#ffc400;z-index:1000}.header-left{display:flex;align-items:center;gap:28px}.menu-button{width:40px;height:40px;padding:4px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;color:#35115f;cursor:pointer;transition:background .2s ease,transform .2s ease}.menu-button:hover{background:#35115f17}.menu-button:active{transform:scale(.94)}.header-logo{width:190px;height:auto;display:block}.header-right{display:flex;align-items:center;gap:30px}.notification-button{position:relative;width:40px;height:40px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;color:#35115f;cursor:pointer}.notification-button:hover{background:#35115f17}.notification-count{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c50072;color:#fff;font-size:11px;font-weight:700}.manager-profile{display:flex;align-items:center;gap:10px;color:#35115f}.profile-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#35115f;color:#fff;font-size:13px;font-weight:700}.profile-details{display:flex;flex-direction:column}.profile-details strong{font-size:14px;line-height:18px}.profile-details span{font-size:12px;line-height:16px;opacity:.75}.profile-arrow{font-size:10px}.page-layout{width:100%;min-height:100vh;padding-top:74px}.sidebar{position:fixed;top:74px;left:0;width:90px;height:calc(100vh - 74px);padding-top:12px;background:#1d1039;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;z-index:900;transition:width .25s ease,padding .25s ease}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-open .sidebar{width:90px}.sidebar-closed .sidebar{width:0;padding-top:0;overflow:hidden}.sidebar-item{width:90px;min-height:90px;padding:0;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;transition:background .2s ease}.sidebar-item:hover{background:#2b1850}.sidebar-item.active{background:#32165e}.sidebar-icon{font-size:23px;display:flex;align-items:center;justify-content:center}.reporting-main{width:calc(100% - 90px);min-height:calc(100vh - 74px);margin-left:90px;padding:32px 50px 50px;background:linear-gradient(180deg,#fffdfb,#faf8f5);transition:width .25s ease,margin-left .25s ease}.sidebar-closed .reporting-main{width:100%;margin-left:0;padding-left:50px;padding-right:50px}.page-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.heading-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f9e9f5;color:#a0006b;flex-shrink:0}.page-heading h1{margin:0;color:#3a1464;font-size:34px;font-weight:700}.page-heading p{margin:8px 0 0;color:#686274;font-size:17px}.promotion-info-card{width:100%;min-height:190px;display:flex;align-items:center;gap:34px;padding:22px;margin-bottom:24px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #32145014}.promotion-image-wrapper{width:210px;height:145px;overflow:hidden;border-radius:18px;flex-shrink:0}.promotion-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.promotion-info{flex:1;min-width:0}.promotion-info-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.promotion-info h2{margin:0;color:#ae006f;font-size:23px}.pending-badge{padding:10px 22px;border-radius:25px;background:#fff4df;color:#d88b00;font-size:14px;font-weight:600;flex-shrink:0}.promotion-details{margin-top:22px;display:flex;flex-direction:column;gap:14px}.promotion-detail{display:flex;align-items:center;gap:12px;color:#5c5864;font-size:15px}.promotion-detail svg{color:#a6006e;font-size:19px;flex-shrink:0}.promotion-detail strong{min-width:150px;color:#4d4855}.info-message{width:100%;display:flex;align-items:center;gap:18px;padding:18px 24px;margin-bottom:20px;border:1px solid #ead4eb;border-radius:16px;background:#fff6fc;color:#4c1b6e;font-size:15px}.info-message svg{flex-shrink:0}.report-fields{display:flex;flex-direction:column;gap:12px}.report-field{width:100%;min-height:95px;display:flex;align-items:center;gap:22px;padding:18px 24px;background:#fff;border-radius:18px;box-shadow:0 3px 14px #3214500f}.field-icon{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f9eaf7;color:#980067;font-size:22px;font-weight:600}.field-content{flex:1;min-width:0}.field-title{margin-bottom:5px;color:#3c1464;font-size:16px;font-weight:700}.required{margin-left:3px;color:#e00043}.field-description{color:#6d6874;font-size:14px}.field-input-wrapper{position:relative;width:330px;flex-shrink:0}.field-input-wrapper input{width:100%;height:50px;padding:0 44px 0 18px;border:1px solid #ddd8de;border-radius:10px;background:#fff;color:#333;font-size:16px;outline:none}.field-input-wrapper input:focus{border-color:#a70070;box-shadow:0 0 0 3px #a7007014}.field-input-wrapper input::placeholder{color:#aaa5ac}.edit-icon{position:absolute;right:16px;top:16px;color:#5e5963;pointer-events:none}.notes-section{margin-top:24px;padding:0 2px}.notes-heading h3{margin:0;color:#35115f;font-size:16px}.notes-heading h3 span{color:#6b6670;font-weight:400}.notes-heading p{margin:7px 0 12px;color:#69646e;font-size:14px}.notes-wrapper{position:relative}.notes-wrapper textarea{width:100%;height:120px;resize:none;padding:18px;border:1px solid #dcd7dc;border-radius:14px;background:#fff;outline:none;color:#3d3841;font-size:15px;font-family:inherit}.notes-wrapper textarea:focus{border-color:#a70070;box-shadow:0 0 0 3px #a700700f}.notes-wrapper textarea::placeholder{color:#aaa5ad}.character-count{position:absolute;right:18px;bottom:14px;color:#77717b;font-size:12px}.complete-button{width:100%;height:58px;margin-top:24px;border:0;border-radius:10px;background:linear-gradient(90deg,#d0007e,#a90070);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #b4006e2e;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.complete-button:hover{background:linear-gradient(90deg,#bb006f,#950061);box-shadow:0 7px 20px #b4006e3d}.complete-button:active{transform:translateY(1px)}::selection{background:#e8b9da;color:#35115f}