.smile-page{width:100%;max-width:900px;margin-inline:auto}.smile-compose,.smile-card{min-width:0;padding:24px;border:1px solid #ffffff26;border-radius:16px;background:#4c4e51;box-shadow:0 8px 24px #25272a12}.smile-compose{display:grid;gap:20px;margin-bottom:32px}.smile-page .field{min-width:0;margin:0}.smile-page textarea{box-sizing:border-box;display:block}.smile-compose textarea{min-height:340px}.smile-compose .field label{display:block;margin-bottom:12px;color:#e4ecde;font-weight:600}.smile-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.smile-counter,.smile-meta{color:#c7c9c6;font-size:12px;line-height:1.6}.smile-counter{margin:0;font-variant-numeric:tabular-nums}.smile-page h2{margin:0 0 20px;color:#e4ecde;font-size:18px;font-weight:600}.smile-list{display:grid;gap:20px}.smile-card-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.smile-card h3{min-width:0;margin:0;color:#e4ecde;font-size:16px;font-weight:600;overflow-wrap:anywhere}.smile-status{max-width:100%;padding:6px 12px;border:1px solid #ffffff33;border-radius:20px;color:#e0e2df;background:#ffffff08;font-size:12px;font-weight:600;line-height:1.5}.smile-status[data-status=read]{border-color:#a7c6e655;color:#c5def4;background:#a7c6e60d}.smile-status[data-status=accepted]{border-color:#b9cda966;color:#e4ecde;background:#b9cda918}.smile-status[data-status=declined]{border-color:#e2c48c55;color:#eed5a7;background:#e2c48c0d}.smile-meta{margin:10px 0 0}.smile-story,.smile-comment-text{margin:20px 0 0;color:#eeefec;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.smile-comments{display:grid;gap:12px;margin-top:22px}.smile-comment{padding:14px 16px;border-left:3px solid #b9cda9;border-radius:0 10px 10px 0;background:#ffffff05}.smile-comment .smile-meta,.smile-comment-text{margin:0}.smile-comment-text{margin-top:8px}.smile-review{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:start;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid #ffffff26}.smile-review .field{display:grid;gap:10px}.smile-review select{width:100%;min-width:0;box-sizing:border-box;min-height:50px}.smile-review button{grid-column:1 / -1;justify-self:end}.smile-review>p{grid-column:1 / -1;margin:0}.smile-review-actions,.smile-delete-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.smile-review-actions,.smile-delete-confirmation{grid-column:1 / -1}.smile-delete-confirmation{padding:18px;border:1px solid #d9a39b66;border-radius:12px;background:#d9a39b08}.smile-delete-confirmation>p{margin:0 0 16px;color:#eeefec;font-size:14px;line-height:1.6}@media(max-width:760px){.smile-compose,.smile-card{padding:20px 16px;border-radius:14px}.smile-compose textarea{min-height:320px}.smile-compose-footer{flex-direction:column;align-items:stretch}.smile-counter{text-align:right}.smile-compose-footer button{width:100%}.smile-review{grid-template-columns:minmax(0,1fr);gap:18px}.smile-review button{width:100%;justify-self:stretch}}.processor-statistics{margin:0 0 24px}.processor-statistics h2{margin:0 0 8px;color:#e4ecde;font-size:16px;font-weight:500}.processor-statistics>p{margin:0 0 14px;color:#d2d3d4;font-size:12px;line-height:1.6}.processor-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.processor-stat-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #88b2d455;border-radius:12px;background:#414f5d}.processor-stat-card span{color:#d9ecfa;font-size:12px;line-height:1.5}.processor-stat-card strong{color:#fafaf7;font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}.processor-stat-card small{color:#c6d3dd;font-size:11px;line-height:1.5}.team-table{min-width:1050px}.team-table thead small,.team-member-state{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#c7cbd0}.team-table th:first-child{min-width:160px;max-width:240px}.team-member-state.is-active{color:#c8d9b9}.team-table tbody th{position:sticky;left:0;z-index:1;background:#4c4e51;box-shadow:1px 0 #ffffff26}.team-table thead tr:first-child th:first-child{position:sticky;left:0;z-index:2;background:#4c4e51}.team-table thead tr:first-child th:not(:first-child){text-align:center;background:#ffffff08}.team-table thead tr:nth-child(2) th{text-align:right;min-width:90px}.team-table tbody td:nth-child(3n+2){border-left:1px solid #ffffff26}@media(max-width:480px){.processor-stat-grid{gap:8px}.processor-stat-card{padding:12px 10px}.processor-stat-card strong{font-size:24px}.team-table th:first-child{min-width:130px;max-width:170px}}
